From a51e9fb8dca785b8241df9270ebe990596c26f41 Mon Sep 17 00:00:00 2001
From: feige996 <1020102647@qq.com>
Date: Sun, 24 Aug 2025 16:22:34 +0800
Subject: [PATCH] =?UTF-8?q?refactor(tabbar):=20=E4=BD=BF=E7=94=A8reactive?=
 =?UTF-8?q?=E5=8C=85=E8=A3=85tabbarList=E4=BB=A5=E6=8F=90=E9=AB=98?=
 =?UTF-8?q?=E5=93=8D=E5=BA=94=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/about/about.vue | 2 +-
 src/tabbar/store.ts       | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/about/about.vue b/src/pages/about/about.vue
index 6c0fbfa..438b922 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(3, 10)
+  tabbarStore.setTabbarItemBadge(1, 10)
 }
 // #endregion
 </script>
diff --git a/src/tabbar/store.ts b/src/tabbar/store.ts
index 9753996..ad36410 100644
--- a/src/tabbar/store.ts
+++ b/src/tabbar/store.ts
@@ -1,14 +1,16 @@
 import type { CustomTabBarItem, CustomTabBarItemBadge } from './config'
+import { reactive } from 'vue'
+
 import { tabbarList as _tabbarList, customTabbarEnable } from './config'
 
 // TODO 1/2: 中间的鼓包tabbarItem的开关
 const BULGE_ENABLE = false
 
 /** tabbarList 里面的 path 从 pages.config.ts 得到 */
-const tabbarList: CustomTabBarItem[] = _tabbarList.map(item => ({
+const tabbarList = reactive<CustomTabBarItem[]>(_tabbarList.map(item => ({
   ...item,
   pagePath: item.pagePath.startsWith('/') ? item.pagePath : `/${item.pagePath}`,
-}))
+})))
 
 if (customTabbarEnable && BULGE_ENABLE) {
   if (tabbarList.length % 2) {