1

2025-10-19 20:28:31 +08:00
parent c81f8a8b03
commit eaab9a762a
100 changed files with 23416 additions and 0 deletions
--- a/custom-tab-bar/index.js
+++ b/custom-tab-bar/index.js
@@ -0,0 +1,99 @@
+Component({
+  data: {
+    selected: 0,
+    color: "#7A7E83",
+    selectedColor: "#4A90E2",
+    list: [
+      {
+        emoji: "🏠",
+        text: "首页",
+        pagePath: "/pages/index/index"
+      },
+      {
+        emoji: "📚",
+        text: "课程",
+        pagePath: "/pages/courses/courses"
+      },
+      {
+        emoji: "💬",
+        text: "论坛",
+        pagePath: "/pages/forum/forum"
+      },
+      {
+        emoji: "🔧",
+        text: "工具",
+        pagePath: "/pages/tools/tools"
+      },
+      {
+        emoji: "👤",
+        text: "我的",
+        pagePath: "/pages/my/my"
+      }
+    ]
+  },
+
+  attached() {
+    try {
+      // 获取当前页面路径
+      const pages = getCurrentPages();
+      const currentPage = pages[pages.length - 1];
+      const url = currentPage ? `/${currentPage.route}` : '';
+      
+      // 匹配当前选中的tab
+      this.data.list.forEach((item, index) => {
+        if (item.pagePath === url) {
+          this.setData({
+            selected: index
+          });
+        }
+      });
+    } catch (e) {
+      console.error('[TabBar] attached错误:', e);
+    }
+  },
+
+  methods: {
+    switchTab(e) {
+      try {
+        const data = e.currentTarget.dataset;
+        const url = data.path;
+        const index = data.index;
+        
+        if (!url) {
+          console.error('[TabBar] 页面路径为空');
+          wx.showToast({
+            title: '页面路径错误',
+            icon: 'none'
+          });
+          return;
+        }
+        
+        // 先更新选中状态
+        this.setData({
+          selected: index
+        });
+        
+        // 切换tab
+        wx.switchTab({
+          url,
+          success: () => {
+            console.log('[TabBar] 切换成功:', url);
+          },
+          fail: (err) => {
+            console.error('[TabBar] 切换失败:', err);
+            wx.showToast({
+              title: '页面切换失败',
+              icon: 'none'
+            });
+          }
+        });
+      } catch (e) {
+        console.error('[TabBar] switchTab错误:', e);
+        wx.showToast({
+          title: '程序异常，请重试',
+          icon: 'none'
+        });
+      }
+    }
+  }
+});