From 4981a240fa58306928035bad9da643bd194b5d88 Mon Sep 17 00:00:00 2001
From: liwentao <liwentao@novalon.cn>
Date: Thu, 4 Jun 2026 13:16:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=B8=A2=E5=A4=B1=E7=9A=84?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 gym-manage-uniapp/components/TabBar.vue | 82 ++++++++++++++++++-------
 gym-manage-uniapp/pages.json            |  6 ++
 2 files changed, 67 insertions(+), 21 deletions(-)

diff --git a/gym-manage-uniapp/components/TabBar.vue b/gym-manage-uniapp/components/TabBar.vue
index d341948..91cbd50 100644
--- a/gym-manage-uniapp/components/TabBar.vue
+++ b/gym-manage-uniapp/components/TabBar.vue
@@ -5,11 +5,11 @@
     <view
       v-for="(tab, index) in tabs"
       :key="index"
-      :class="['tab-item', { active: activeTab === index }]"
-      @click="activeTab = index"
+      :class="['tab-item', { active: currentActive === index }]"
+      @click="switchTab(index)"
     >
       <!-- 导航栏图标 -->
-      <image :src="activeTab === index ? tab.iconActive : tab.icon" mode="aspectFit" class="tab-icon" />
+      <image :src="currentActive === index ? tab.iconActive : tab.icon" mode="aspectFit" class="tab-icon" />
       <!-- 导航栏标签文字 -->
       <text class="tab-label">{{ tab.label }}</text>
     </view>
@@ -17,39 +17,78 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 
-// 当前激活的导航栏索引
-const activeTab = ref(0)
+// 当前激活的导航栏索引（从外部传入）
+const props = defineProps({
+  activeTab: {
+    type: Number,
+    default: 0
+  }
+})
+
+// 当前激活状态
+const currentActive = ref(props.activeTab)
+
+// 监听外部传入的激活状态变化
+watch(() => props.activeTab, (newVal) => {
+  currentActive.value = newVal
+})
 
 // 导航栏数据列表
 const tabs = [
   {
-	  icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/home.png',
-	  iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/home.png',
-	  label: '首页',
+    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/home.png',
+    iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/home.png',
+    label: '首页',
+    path: '/pages/index/index'
   },
   {
-	  icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/course.png',
-	  iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/course.png',
-	  label: '课程'
+    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/course.png',
+    iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/course.png',
+    label: '课程',
+    path: '/pages/groupCourse/list'
   },
   {
-	  icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/train.png',
-	  iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/train.png',
-	  label: '训练' ,
+    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/train.png',
+    iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/train.png',
+    label: '训练',
+    path: '/pages/train/index'
   },
   {
-	  icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/discover.png',
-	  iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/discover.png',
-	  label: '发现',
+    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/discover.png',
+    iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/discover.png',
+    label: '发现',
+    path: '/pages/discover/index'
   },
   {
-	  icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/profile.png',
-	  iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/profile.png',
-	  label: '我的',
+    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/profile.png',
+    iconActive: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/tabBar/active/profile.png',
+    label: '我的',
+    path: '/pages/profile/index'
   }
 ]
+
+// 切换标签页
+const switchTab = (index) => {
+  currentActive.value = index
+  const tab = tabs[index]
+  
+  // 获取当前页面路径
+  const pages = getCurrentPages()
+  const currentPage = pages[pages.length - 1]
+  const currentPath = '/' + currentPage.route
+  
+  // 如果点击的是当前页面，不跳转
+  if (currentPath === tab.path) {
+    return
+  }
+  
+  // 跳转对应页面
+  uni.redirectTo({
+    url: tab.path
+  })
+}
 </script>
 
 <style lang="scss" scoped>
@@ -68,6 +107,7 @@ const tabs = [
   padding-bottom: env(safe-area-inset-bottom);
   box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.06);
   border-radius: 32rpx 32rpx 0 0;
+  z-index: 100;
 }
 
 /* 导航栏项样式 */
diff --git a/gym-manage-uniapp/pages.json b/gym-manage-uniapp/pages.json
index 2f03bac..545335c 100644
--- a/gym-manage-uniapp/pages.json
+++ b/gym-manage-uniapp/pages.json
@@ -5,6 +5,12 @@
 			"style": {
 				"navigationBarTitleText": "健身房"
 			}
+		},
+		{
+			"path": "pages/groupCourse/list",
+			"style": {
+				"navigationBarTitleText": "团课列表"
+			}
 		}
 	],
 	"globalStyle": {