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 @@
-
diff --git a/src/pages.json b/src/pages.json
index e2d0823..48269ef 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -25,12 +25,16 @@
"spacing": "3px",
"list": [
{
+ "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",