From 5250fac0a16d8005a93977556b48dd85d9cab641 Mon Sep 17 00:00:00 2001 From: feige996 <1020102647@qq.com> Date: Sat, 21 Jun 2025 13:09:14 +0800 Subject: [PATCH] =?UTF-8?q?refactor(tabbar):=20=E9=87=8D=E6=9E=84=E8=87=AA?= =?UTF-8?q?=E5=AE=9A=E4=B9=89tabbar=E9=80=BB=E8=BE=91=E5=B9=B6=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E5=9B=BE=E6=A0=87=E8=B7=AF=E5=BE=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 移除冗余注释并整理tabbar相关配置 添加自定义tabbar的图标路径配置 优化tabbar显示逻辑,根据CUSTOM_TABBAR_ENABLE决定显示方式 --- src/components/fg-tabbar/fg-tabbar.vue | 21 +++++++++++---------- src/components/fg-tabbar/tabbarList.ts | 11 +++++++++-- src/layouts/tabbar.vue | 1 - src/pages.json | 4 ++++ 4 files changed, 24 insertions(+), 13 deletions(-) diff --git a/src/components/fg-tabbar/fg-tabbar.vue b/src/components/fg-tabbar/fg-tabbar.vue index a647d27..757ded0 100644 --- a/src/components/fg-tabbar/fg-tabbar.vue +++ b/src/components/fg-tabbar/fg-tabbar.vue @@ -1,5 +1,6 @@ diff --git a/src/components/fg-tabbar/tabbarList.ts b/src/components/fg-tabbar/tabbarList.ts index cfef7e3..4571cd2 100644 --- a/src/components/fg-tabbar/tabbarList.ts +++ b/src/components/fg-tabbar/tabbarList.ts @@ -1,12 +1,20 @@ +// 是否使用自定义的tabbar? +export const CUSTOM_TABBAR_ENABLE = false + +// CUSTOM_TABBAR_ENABLE 为 true 时,可以不填 iconPath 和 selectedIconPath +// CUSTOM_TABBAR_ENABLE 为 false 时,可以不填 icon 和 iconType export const tabbarList = [ - // 注意tabbar路由需要使用 layout:tabbar 布局 { + iconPath: 'static/tabbar/home.png', + selectedIconPath: 'static/tabbar/homeHL.png', pagePath: 'pages/index/index', text: '首页', icon: 'home', iconType: 'wot', }, { + iconPath: 'static/tabbar/example.png', + selectedIconPath: 'static/tabbar/exampleHL.png', pagePath: 'pages/about/about', text: '关于', icon: 'i-carbon-code', @@ -46,5 +54,4 @@ const _tabbar = { midButton: midButton, } -export const CUSTOM_TABBAR_ENABLE = false export const tabBar = CUSTOM_TABBAR_ENABLE ? undefined : _tabbar diff --git a/src/layouts/tabbar.vue b/src/layouts/tabbar.vue index df03b91..a45f39d 100644 --- a/src/layouts/tabbar.vue +++ b/src/layouts/tabbar.vue @@ -1,7 +1,6 @@