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() +}) 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() -})