From 89a9a668c58624c29ca73a18d71dd1b127432a13 Mon Sep 17 00:00:00 2001
From: handongxun <handongxun@dcloud.io>
Date: Thu, 22 Sep 2022 15:33:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20tabbar=20=E6=9F=90=E4=BA=9B=E6=83=85?=
 =?UTF-8?q?=E5=86=B5=E4=B8=8B=20setTabBarBadge=20=E5=87=BA=E7=8E=B0?=
 =?UTF-8?q?=E9=87=8D=E5=A4=8D=E7=9A=84=20badge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/platforms/h5/components/app/tabBar.vue | 25 ++++++++--------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/src/platforms/h5/components/app/tabBar.vue b/src/platforms/h5/components/app/tabBar.vue
index e62521018..cc029947c 100644
--- a/src/platforms/h5/components/app/tabBar.vue
+++ b/src/platforms/h5/components/app/tabBar.vue
@@ -55,13 +55,6 @@
               v-else-if="!item.isMidButton"
               :src="_getRealPath(getIconPath(item,index))"
             >
-            <div
-              v-if="item.redDot"
-              :class="{'uni-tabbar__badge':!!item.badge}"
-              class="uni-tabbar__reddot"
-            >
-              {{ item.badge }}
-            </div>
           </div>
           <div
             v-if="item.text"
@@ -74,13 +67,13 @@
             class="uni-tabbar__label"
           >
             {{ item.text }}
-            <div
-              v-if="item.redDot&&!item.iconPath"
-              :class="{'uni-tabbar__badge':!!item.badge}"
-              class="uni-tabbar__reddot"
-            >
-              {{ item.badge }}
-            </div>
+          </div>
+          <div
+            v-if="item.redDot"
+            :class="{'uni-tabbar__badge':!!item.badge}"
+            class="uni-tabbar__reddot"
+          >
+            {{ item.badge }}
           </div>
         </div>
       </div>
@@ -199,14 +192,14 @@
 
   uni-tabbar .uni-tabbar__reddot {
     position: absolute;
-    top: 0;
+    top: 2px;
     right: 0;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background-color: #f43530;
     color: #ffffff;
-    transform: translate(40%, -20%);
+    transform: translate(40%, 0%);
   }
 
   uni-tabbar .uni-tabbar__badge {
-- 
GitLab