fix: tabbar 2个BUG

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>

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)
   },
 })

src/pages/index/index.vue

@@ -48,10 +48,6 @@ const description = ref(
 onLoad(() => {
   console.log(author)
 })
-onLoad(() => {
-  // tabbar模板，直接在首页隐藏即可，全局只需要这一次
-  uni.hideTabBar()
-})
 </script>
 
 <style>