[Improvement] Tabbar: optimize DOM (#1640)
This commit is contained in:
@@ -2,9 +2,8 @@
|
||||
<div :class="b({ active })" @click="onClick">
|
||||
<div :class="b('icon', { dot })">
|
||||
<slot name="icon" :active="active">
|
||||
<icon v-if="icon" :name="icon" />
|
||||
<icon v-if="icon" :name="icon" :info="info" />
|
||||
</slot>
|
||||
<div v-if="isDef(info)" class="van-icon__info">{{ info }}</div>
|
||||
</div>
|
||||
<div :class="b('text')">
|
||||
<slot :active="active"/>
|
||||
|
||||
@@ -9,7 +9,6 @@ exports[`renders demo correctly 1`] = `
|
||||
<i class="van-icon van-icon-shop" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
</i>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</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>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-tabbar-item__icon">
|
||||
<i class="van-icon van-icon-records" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<div class="van-icon__info">5</div>
|
||||
</i>
|
||||
<div class="van-icon__info">5</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-tabbar-item__icon">
|
||||
<i class="van-icon van-icon-gold-coin" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<div class="van-icon__info">20</div>
|
||||
</i>
|
||||
<div class="van-icon__info">20</div>
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
@@ -47,7 +43,6 @@ exports[`renders demo correctly 1`] = `
|
||||
<div class="van-tabbar-item">
|
||||
<div class="van-tabbar-item__icon">
|
||||
<img src="https://img.yzcdn.cn/public_files/2017/10/13/c547715be149dd3faa817e4a948b40c4.png">
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-tabbar-item__text"><span>自定义</span></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>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</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>
|
||||
<!---->
|
||||
</div>
|
||||
<div class="van-tabbar-item__text">标签</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user