From 7271f3c6183cbba642c0be8ff2bc321184fea3c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8F=B2=E9=B8=BD?= <1020103647@qq.com>
Date: Sat, 11 May 2024 11:32:34 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20tabbar=202=E4=B8=AABUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/fg-tabbar/fg-tabbar.vue | 4 ++++
 src/components/fg-tabbar/tabbar.ts     | 6 +++++-
 src/pages/index/index.vue              | 4 ----
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/fg-tabbar/fg-tabbar.vue b/src/components/fg-tabbar/fg-tabbar.vue
index aceeef1..5a8d8d8 100644
--- a/src/components/fg-tabbar/fg-tabbar.vue
+++ b/src/components/fg-tabbar/fg-tabbar.vue
@@ -34,4 +34,8 @@ function selectTabBar({ value: index }: { value: number }) {
   tabbarStore.setCurIdx(index)
   uni.switchTab({ url })
 }
+onLoad(() => {
+  // 解决原生 tabBar 未隐藏导致有2个 tabBar 的问题
+  uni.hideTabBar()
+})
 </script>
diff --git a/src/components/fg-tabbar/tabbar.ts b/src/components/fg-tabbar/tabbar.ts
index 479090c..7352a3e 100644
--- a/src/components/fg-tabbar/tabbar.ts
+++ b/src/components/fg-tabbar/tabbar.ts
@@ -13,9 +13,13 @@ export const tabbarList = [
   },
 ]
 
+/**
+ * tabbar 状态，增加 storageSync 保证刷新浏览器时在正确的 tabbar 页面
+ */
 export const tabbarStore = reactive({
-  curIdx: 0,
+  curIdx: uni.getStorageSync('curIdx') || 0,
   setCurIdx(idx: number) {
     this.curIdx = idx
+    uni.setStorageSync('curIdx', idx)
   },
 })
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index db9385c..c2c1547 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -48,10 +48,6 @@ const description = ref(
 onLoad(() => {
   console.log(author)
 })
-onLoad(() => {
-  // tabbar模板，直接在首页隐藏即可，全局只需要这一次
-  uni.hideTabBar()
-})
 </script>
 
 <style>