From 6d294f618bdb0ea324b6c5ee214d0a383c89fa16 Mon Sep 17 00:00:00 2001
From: wangxiaowei <1121133807@qq.com>
Date: Wed, 28 Aug 2024 22:46:03 +0800
Subject: [PATCH] =?UTF-8?q?tabs=E7=BB=84=E4=BB=B6=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=9C=AA=E8=AF=BB=E7=8A=B6=E6=80=81=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/tab/tab.vue   |  5 +++++
 components/tabs/tabs.vue | 13 ++++---------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/tab/tab.vue b/components/tab/tab.vue
index b10f35a..8ac7afe 100644
--- a/components/tab/tab.vue
+++ b/components/tab/tab.vue
@@ -13,6 +13,9 @@
 			name: {
 				type: [Number, String],
 				value: ''
+			},
+			num: {
+				type: Number,
 			}
 		},
 		inject: ['tabs'],
@@ -56,10 +59,12 @@
 			changeData() {
 				const {
 					dot,
+					num,
 					info,
 				} = this
 				return {
 					dot,
+					num,
 					info,
 				}
 			}
diff --git a/components/tabs/tabs.vue b/components/tabs/tabs.vue
index 4fb5055..5bf93d1 100644
--- a/components/tabs/tabs.vue
+++ b/components/tabs/tabs.vue
@@ -12,8 +12,8 @@
                     <view class="scroll-box" :class="{'tabs-scorll-flex': !isScroll}">
                         <view class="tab-item line1" :id="'tab-item-' + index" v-for="(item, index) in list"
                             :key="index" @tap="clickTab(index)" :style="[tabItemStyle(index)]">
-							<u-badge :count="item[count] || item['dot'] || 0" :offset="offset" size="mini" class="badge"></u-badge>
-							{{ item[name] || item['name']}}
+							<u-badge :count="item[count] || item['dot'] || item['num'] || 0" :offset="offset" size="mini" class="badge"></u-badge>
+							{{item[name] || item['name']}}
                         </view>
                         <view v-if="showBar" class="tab-bar" :style="[tabBarStyle]"></view>
                     </view>
@@ -233,6 +233,7 @@
                     const {
                         name,
                         dot,
+						num,
                         active,
                         inited,
                         updateRender
@@ -240,6 +241,7 @@
                     return {
                         name,
                         dot,
+						num,
                         active,
                         inited,
                         updateRender
@@ -376,11 +378,4 @@
         display: flex;
         justify-content: space-between;
     }
-	
-	.badge {
-		position: absolute;
-		top: 8rpx;
-		left: 80%;
-		transform: translateX(-80%);
-	}
 </style>