diff --git a/src/pages/about/about.vue b/src/pages/about/about.vue
index 438b922..0420c19 100644
--- a/src/pages/about/about.vue
+++ b/src/pages/about/about.vue
@@ -57,7 +57,7 @@ function gotoTabbar() {
 }
 // #region setTabbarBadge
 function setTabbarBadge() {
-  tabbarStore.setTabbarItemBadge(1, 10)
+  tabbarStore.setTabbarItemBadge(1, 100)
 }
 // #endregion
 </script>
diff --git a/src/tabbar/index.vue b/src/tabbar/index.vue
index f8b5ce3..9eb1dff 100644
--- a/src/tabbar/index.vue
+++ b/src/tabbar/index.vue
@@ -109,7 +109,7 @@ function getImageByIndex(index: number, item: CustomTabBarItem) {
                 <view class="absolute right-0 top-0 h-2 w-2 rounded-full bg-#f56c6c" />
               </template>
               <template v-else>
-                <view class="absolute right-0 top-0 h-4 w-4 center rounded-full bg-#f56c6c text-center text-xs text-white">
+                <view class="absolute right-0 top-0 box-border h-5 min-w-5 center rounded-full bg-#f56c6c px-1 text-center text-xs text-white">
                   {{ item.badge > 99 ? '99+' : item.badge }}
                 </view>
               </template>