From bf7b84fee6d7a4867d93409919261d8911c5838d Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Thu, 16 Aug 2018 20:14:25 +0800
Subject: [PATCH] [Improvement] Tabbar: optimize DOM (#1640)

---
 packages/tabbar-item/index.vue                       |  3 +--
 packages/tabbar/test/__snapshots__/demo.spec.js.snap | 11 ++---------
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/packages/tabbar-item/index.vue b/packages/tabbar-item/index.vue
index e6bfcbc47..a1bac34ab 100644
--- a/packages/tabbar-item/index.vue
+++ b/packages/tabbar-item/index.vue
@@ -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"/>
diff --git a/packages/tabbar/test/__snapshots__/demo.spec.js.snap b/packages/tabbar/test/__snapshots__/demo.spec.js.snap
index cf1d00bb0..2dfef8d4a 100644
--- a/packages/tabbar/test/__snapshots__/demo.spec.js.snap
+++ b/packages/tabbar/test/__snapshots__/demo.spec.js.snap
@@ -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>