From 331b0383e380deffdd3ab992958774f5b9fdc4b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E7=86=8A=E7=86=8A=E5=AD=90=E8=B7=AF?=
 <jiaweima2000@126.com>
Date: Wed, 14 Jan 2026 15:45:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=B6=E4=BD=9C=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=20tabbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 miniprogram/custom-tab-bar/index.json |  8 +++++
 miniprogram/custom-tab-bar/index.scss |  1 +
 miniprogram/custom-tab-bar/index.ts   | 48 +++++++++++++++++++++++++++
 miniprogram/custom-tab-bar/index.wxml |  6 ++++
 project.config.json                   |  7 ++--
 5 files changed, 68 insertions(+), 2 deletions(-)
 create mode 100644 miniprogram/custom-tab-bar/index.json
 create mode 100644 miniprogram/custom-tab-bar/index.scss
 create mode 100644 miniprogram/custom-tab-bar/index.ts
 create mode 100644 miniprogram/custom-tab-bar/index.wxml

diff --git a/miniprogram/custom-tab-bar/index.json b/miniprogram/custom-tab-bar/index.json
new file mode 100644
index 0000000..c0ad054
--- /dev/null
+++ b/miniprogram/custom-tab-bar/index.json
@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "lazyCodeLoading": "requiredComponents",
+  "usingComponents": {
+    "t-tab-bar": "tdesign-miniprogram/tab-bar/tab-bar",
+    "t-tab-bar-item": "tdesign-miniprogram/tab-bar-item/tab-bar-item"
+  }
+}
\ No newline at end of file
diff --git a/miniprogram/custom-tab-bar/index.scss b/miniprogram/custom-tab-bar/index.scss
new file mode 100644
index 0000000..761e72b
--- /dev/null
+++ b/miniprogram/custom-tab-bar/index.scss
@@ -0,0 +1 @@
+/* custom-tab-bar/index.wxss */
\ No newline at end of file
diff --git a/miniprogram/custom-tab-bar/index.ts b/miniprogram/custom-tab-bar/index.ts
new file mode 100644
index 0000000..d75b77f
--- /dev/null
+++ b/miniprogram/custom-tab-bar/index.ts
@@ -0,0 +1,48 @@
+// custom-tab-bar/index.ts
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {},
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    value: 'label_1',
+    list: [
+      { value: 'label_1', label: '首页', icon: 'home', pagePath: '/pages/one/index' },
+      { value: 'label_2', label: '应用', icon: 'app', pagePath: '/pages/two/index' },
+      { value: 'label_3', label: '聊天', icon: 'chat', pagePath: '/pages/three/index' },
+      { value: 'label_4', label: '我的', icon: 'user', pagePath: '/pages/four/index' },
+    ],
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    onChange(e: WechatMiniprogram.CustomEvent<{ value: string }>) {
+      const value = e.detail.value
+      this.setData({ value })
+      const item = this.data.list.find((i) => i.value === value)
+      if (item && item.pagePath) {
+        wx.switchTab({
+          url: item.pagePath,
+        })
+      }
+    },
+    init() {
+      const page = getCurrentPages().pop()
+      const route = (page && page.route) || ''
+      const activeItem = this.data.list.find(
+        (item) => route.includes(item.pagePath.replace(/^\//, '')) || item.pagePath.includes(route),
+      )
+      if (activeItem) {
+        this.setData({
+          value: activeItem.value,
+        })
+      }
+    },
+  },
+})
diff --git a/miniprogram/custom-tab-bar/index.wxml b/miniprogram/custom-tab-bar/index.wxml
new file mode 100644
index 0000000..fc0b064
--- /dev/null
+++ b/miniprogram/custom-tab-bar/index.wxml
@@ -0,0 +1,6 @@
+<!--custom-tab-bar/index.wxml-->
+<t-tab-bar t-class="t-tab-bar" value="{{value}}" bindchange="onChange" fixed="{{false}}" split="{{false}}">
+  <t-tab-bar-item wx:for="{{list}}" wx:key="value" value="{{item.value}}" icon="{{item.icon}}">
+    {{item.label}}
+  </t-tab-bar-item>
+</t-tab-bar>
\ No newline at end of file
diff --git a/project.config.json b/project.config.json
index 4fc9b6f..2fbfd29 100644
--- a/project.config.json
+++ b/project.config.json
@@ -3,7 +3,10 @@
   "miniprogramRoot": "miniprogram/",
   "compileType": "miniprogram",
   "setting": {
-    "useCompilerPlugins": ["typescript", "sass"],
+    "useCompilerPlugins": [
+      "typescript",
+      "sass"
+    ],
     "babelSetting": {
       "ignore": [],
       "disablePlugins": [],
@@ -50,4 +53,4 @@
     "include": []
   },
   "appid": "你的appid"
-}
+}
\ No newline at end of file