alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[improvement] Tab: improve accessibility

Browse Source
This commit is contained in:
陈嘉涵
2019-05-24 11:33:22 +08:00
parent c3e2fec37a
commit fe7c0c38bf
10 changed files with 193 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/coupon-list/test/__snapshots__/index.spec.js.snap
+10 -10
View File
@@ -27,14 +27,14 @@ exports[`render coupon list 1`] = `
</div>
<div class="van-tabs van-tabs--line van-coupon-list__tab">
<div class="van-tabs__wrap van-hairline--top-bottom">
<div class="van-tabs__nav van-tabs__nav--line">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<div class="van-tabs__line"></div>
<div class="van-tab van-tab--active"><span class="van-ellipsis">可使用优惠券 (6)</span></div>
<div class="van-tab"><span class="van-ellipsis">不可使用优惠券 (2)</span></div>
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-ellipsis">可使用优惠券 (6)</span></div>
<div role="tab" class="van-tab"><span class="van-ellipsis">不可使用优惠券 (2)</span></div>
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane">
<div role="tabpanel" class="van-tab__pane">
<div class="van-coupon-list__list" style="height: 628px;">
<div class="van-coupon">
<div class="van-coupon__content">
@@ -117,7 +117,7 @@ exports[`render coupon list 1`] = `
</div>
</div>
</div>
<div class="van-tab__pane" style="display: none;">
<div role="tabpanel" aria-hidden="true" class="van-tab__pane" style="display: none;">
<!---->
</div>
</div>
@@ -152,21 +152,21 @@ exports[`render empty coupon list 1`] = `
</div>
<div class="van-tabs van-tabs--line van-coupon-list__tab">
<div class="van-tabs__wrap van-hairline--top-bottom">
<div class="van-tabs__nav van-tabs__nav--line">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<div class="van-tabs__line"></div>
<div class="van-tab"><span class="van-ellipsis">可使用优惠券 (0)</span></div>
<div class="van-tab van-tab--active"><span class="van-ellipsis">不可使用优惠券 (0)</span></div>
<div role="tab" class="van-tab"><span class="van-ellipsis">可使用优惠券 (0)</span></div>
<div role="tab" class="van-tab van-tab--active" aria-selected="true"><span class="van-ellipsis">不可使用优惠券 (0)</span></div>
</div>
</div>
<div class="van-tabs__content">
<div class="van-tab__pane" style="display: none;">
<div role="tabpanel" class="van-tab__pane" aria-hidden="true" style="display: none;">
<div class="van-coupon-list__list" style="height: 628px;">
<div class="van-coupon-list__empty"><img src="https://img.yzcdn.cn/vant/coupon-empty.png">
<p>暂无优惠券</p>
</div>
</div>
</div>
<div class="van-tab__pane" style="">
<div role="tabpanel" class="van-tab__pane" style="">
<div class="van-coupon-list__list" style="height: 628px;">
<div class="van-coupon-list__empty"><img src="https://img.yzcdn.cn/vant/coupon-empty.png">
<p>暂无优惠券</p>