From 80f6b04b9a97e7006c0e694a423fffe3b7bd1299 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Wed, 11 Sep 2019 17:22:17 +0800
Subject: [PATCH] feat(TabbarItem): optimize dot prop (#4431)

---
 src/tabbar-item/index.js                        |  4 ++--
 src/tabbar-item/index.less                      | 13 -------------
 src/tabbar/test/__snapshots__/demo.spec.js.snap |  4 ++--
 3 files changed, 4 insertions(+), 17 deletions(-)

diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 494041f11..36c2edaf7 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -51,9 +51,9 @@ export default createComponent({
 
     return (
       <div class={bem({ active })} style={{ color }} onClick={this.onClick}>
-        <div class={bem('icon', { dot: this.dot })}>
+        <div class={bem('icon')}>
           {slots('icon', { active }) || (icon && <Icon name={icon} />)}
-          <Info info={this.info} />
+          <Info dot={this.dot} info={this.info} />
         </div>
         <div class={bem('text')}>{slots('default', { active })}</div>
       </div>
diff --git a/src/tabbar-item/index.less b/src/tabbar-item/index.less
index ff89d134b..5d27ee610 100644
--- a/src/tabbar-item/index.less
+++ b/src/tabbar-item/index.less
@@ -20,19 +20,6 @@
       min-width: 1em;
     }
 
-    &--dot {
-      &::after {
-        position: absolute;
-        top: 0;
-        right: -8px;
-        width: 8px;
-        height: 8px;
-        background-color: @red;
-        border-radius: 100%;
-        content: ' ';
-      }
-    }
-
     img {
       display: block;
       height: @tabbar-item-icon-size;
diff --git a/src/tabbar/test/__snapshots__/demo.spec.js.snap b/src/tabbar/test/__snapshots__/demo.spec.js.snap
index 29f1a317b..fa27d8154 100644
--- a/src/tabbar/test/__snapshots__/demo.spec.js.snap
+++ b/src/tabbar/test/__snapshots__/demo.spec.js.snap
@@ -84,9 +84,9 @@ exports[`renders demo correctly 1`] = `
         <div class="van-tabbar-item__text">标签</div>
       </div>
       <div class="van-tabbar-item">
-        <div class="van-tabbar-item__icon van-tabbar-item__icon--dot"><i class="van-icon van-icon-search">
+        <div class="van-tabbar-item__icon"><i class="van-icon van-icon-search">
             <!----></i>
-          <!---->
+          <div class="van-info van-info--dot"></div>
         </div>
         <div class="van-tabbar-item__text">
           标签