[bugfix] Tabbar: info not work when use icon slot (#1705)

packages/badge/index.vue

@@ -4,17 +4,22 @@
     :href="url"
     @click="onClick"
   >
-    <div v-if="isDef(info)" :class="b('info')">{{ info }}</div>
+    <van-info :info="info" :class="b('info')" />
     {{ title }}
   </a>
 </template>
 
 <script>
+import Info from '../info';
 import create from '../utils/create';
 
 export default create({
   name: 'badge',
 
+  components: {
+    [Info.name]: Info
+  },
+
   props: {
     url: String,
     info: [String, Number],

packages/badge/test/__snapshots__/demo.spec.js.snap

@@ -9,15 +9,15 @@ exports[`renders demo correctly 1`] = `
         标签名称
       </a>
       <a class="van-badge van-hairline">
-        <div class="van-badge__info">8</div>
+        <div class="van-info van-badge__info">8</div>
         标签名称
       </a>
       <a class="van-badge van-hairline">
-        <div class="van-badge__info">99</div>
+        <div class="van-info van-badge__info">99</div>
         标签名称
       </a>
       <a class="van-badge van-hairline">
-        <div class="van-badge__info">199</div>
+        <div class="van-info van-badge__info">199</div>
         标签名称
       </a>
     </div>