blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-24 02:16:12 +08:00
Code Issues Projects Releases Wiki Activity

[Improvement] Tabbar: optimize DOM (#1640)

Browse Source
This commit is contained in:
neverland 2018-08-16 20:14:25 +08:00 committed by GitHub
parent 377ea7af9e
commit bf7b84fee6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/tabbar-item/index.vue
View File

@ -2,9 +2,8 @@
<div :class="b({ active })" @click="onClick"> <div :class="b({ active })" @click="onClick">
<div :class="b('icon', { dot })"> <div :class="b('icon', { dot })">
<slot name="icon" :active="active"> <slot name="icon" :active="active">
<icon v-if="icon" :name="icon" /> <icon v-if="icon" :name="icon" :info="info" />
</slot> </slot>
<div v-if="isDef(info)" class="van-icon__info">{{ info }}</div>
</div> </div>
<div :class="b('text')"> <div :class="b('text')">
<slot :active="active"/> <slot :active="active"/>

11
packages/tabbar/test/__snapshots__/demo.spec.js.snap
View File

@ -9,7 +9,6 @@ exports[`renders demo correctly 1`] = `
<i class="van-icon van-icon-shop" style="color:undefined;font-size:undefined;"> <i class="van-icon van-icon-shop" style="color:undefined;font-size:undefined;">
<!----> <!---->
</i> </i>
<!---->
</div> </div>
<div class="van-tabbar-item__text">标签</div> <div class="van-tabbar-item__text">标签</div>
</div> </div>
@ -18,25 +17,22 @@ exports[`renders demo correctly 1`] = `
<i class="van-icon van-icon-chat" style="color:undefined;font-size:undefined;"> <i class="van-icon van-icon-chat" style="color:undefined;font-size:undefined;">
<!----> <!---->
</i> </i>
<!---->
</div> </div>
<div class="van-tabbar-item__text">标签</div> <div class="van-tabbar-item__text">标签</div>
</div> </div>
<div class="van-tabbar-item"> <div class="van-tabbar-item">
<div class="van-tabbar-item__icon"> <div class="van-tabbar-item__icon">
<i class="van-icon van-icon-records" style="color:undefined;font-size:undefined;"> <i class="van-icon van-icon-records" style="color:undefined;font-size:undefined;">
<!---->
</i>
<div class="van-icon__info">5</div> <div class="van-icon__info">5</div>
</i>
</div> </div>
<div class="van-tabbar-item__text">标签</div> <div class="van-tabbar-item__text">标签</div>
</div> </div>
<div class="van-tabbar-item"> <div class="van-tabbar-item">
<div class="van-tabbar-item__icon"> <div class="van-tabbar-item__icon">
<i class="van-icon van-icon-gold-coin" style="color:undefined;font-size:undefined;"> <i class="van-icon van-icon-gold-coin" style="color:undefined;font-size:undefined;">
<!---->
</i>
<div class="van-icon__info">20</div> <div class="van-icon__info">20</div>
</i>
</div> </div>
<div class="van-tabbar-item__text">标签</div> <div class="van-tabbar-item__text">标签</div>
</div> </div>
@ -47,7 +43,6 @@ exports[`renders demo correctly 1`] = `
<div class="van-tabbar-item"> <div class="van-tabbar-item">
<div class="van-tabbar-item__icon"> <div class="van-tabbar-item__icon">
<img src="https://img.yzcdn.cn/public_files/2017/10/13/c547715be149dd3faa817e4a948b40c4.png"> <img src="https://img.yzcdn.cn/public_files/2017/10/13/c547715be149dd3faa817e4a948b40c4.png">
<!---->
</div> </div>
<div class="van-tabbar-item__text"><span>自定义</span></div> <div class="van-tabbar-item__text"><span>自定义</span></div>
</div> </div>
@ -56,7 +51,6 @@ exports[`renders demo correctly 1`] = `
<i class="van-icon van-icon-chat" style="color:undefined;font-size:undefined;"> <i class="van-icon van-icon-chat" style="color:undefined;font-size:undefined;">
<!----> <!---->
</i> </i>
<!---->
</div> </div>
<div class="van-tabbar-item__text">标签</div> <div class="van-tabbar-item__text">标签</div>
</div> </div>
@ -65,7 +59,6 @@ exports[`renders demo correctly 1`] = `
<i class="van-icon van-icon-records" style="color:undefined;font-size:undefined;"> <i class="van-icon van-icon-records" style="color:undefined;font-size:undefined;">
<!----> <!---->
</i> </i>
<!---->
</div> </div>
<div class="van-tabbar-item__text">标签</div> <div class="van-tabbar-item__text">标签</div>
</div> </div>