修改tabbar

登录页面

components/Tabbar/Tabbar.vue

@@ -3,7 +3,7 @@
 		<view class="tabbar-item" :class="currentBg==1?'tabbar-item-active':''" @click="chanRoute(1)">
 			<image :src="currentBg==1?`/static/tabbar/1-active.png`:`/static/tabbar/1.png`" alt="消息"
 				:class="currentBg==1?'item-image-active':'item-image'" />
-			<div class="item-text item-text-active"><span>消息</span></div>
+			<div class="item-text"><span>消息</span></div>
 		</view>
 		<view class="tabbar-item" :class="currentBg==2?'tabbar-item-active':''" @click="chanRoute(2)">
 			<image :src="currentBg==2?`/static/tabbar/2-active.png`:`/static/tabbar/2.png`" alt="项目"
@@ -29,43 +29,64 @@
 </template>
 
 <script lang="ts" setup>
-	import { ref, reactive } from 'vue';
-	
-	interface Props{
-		currentTab : number
-	}
-	
+	import { ref, reactive, onMounted } from 'vue';
+
 	// 图片列表
-	const currentBg = ref(1);
+	const currentBg = ref(3);
+
+	onMounted(() => {
+		uni.hideTabBar()
+		const pages = getCurrentPages()
+		if (pages.length) {
+			const currentPage = pages[pages.length - 1];
+			const route = currentPage.route;
+			switch (route) {
+				case 'pages/message/message':
+					currentBg.value = 1;
+					break;
+				case 'pages/program/program':
+					currentBg.value = 2;
+					break;
+				case 'pages/home/index':
+					currentBg.value = 3;
+					break;
+				case 'pages/finance/finance':
+					currentBg.value = 4;
+					break;
+				case 'pages/my/my':
+					currentBg.value = 5;
+					break;
+				default:
+					currentBg.value = 3; // 默认主页
+			}
+		}
+	})
 
 	const chanRoute = (val : number) => {
-		currentBg.value = val
-		switch (val) {
-			case 1:
-				uni.navigateTo({
-					url: '/pages/message/message'
-				})
-				break;
-			case 2:
-				uni.navigateTo({
-					url: '/pages/program/program'
-				})
-				break;
-			case 3:
-				uni.navigateTo({
-					url: '/pages/home/index'
-				})
-				break;
-			case 4:
-				uni.navigateTo({
-					url: '/pages/finance/finance'
-				})
-				break;
-			case 5:
-				uni.navigateTo({
-					url: '/pages/my/my'
-				})
-				break;
+		if (val == currentBg.value) {
+			return
+		}
+		if (val == 1) {
+			uni.switchTab({
+				url: '/pages/message/message'
+			})
+		} else if (val == 2) {
+			uni.switchTab({
+				url: '/pages/program/program'
+			})
+		}
+		else if (val == 3) {
+			uni.switchTab({
+				url: '/pages/home/index'
+			})
+		} else if (val == 4) {
+			uni.switchTab({
+				url: '/pages/finance/finance'
+			})
+		} else if (val == 5) {
+			uni.switchTab({
+				url: '/pages/my/my'
+			})
 		}
 	}
 </script>