导航

src/views/main.vue

@@ -14,16 +14,31 @@
 		<div class="footer"></div>
 	</div>
 	<van-tabbar v-model="tabType" v-if="routerName != '/main/processDtl'">
-		<van-tabbar-item icon="home-o" to="/main/message">{{$t('common.message')}}</van-tabbar-item>
-		<van-tabbar-item icon="search" to="/main/working"
-			>{{$t('common.workbench')}}</van-tabbar-item
-		>
+		<van-tabbar-item to="/main/message" :badge="msgCount">
+			{{$t('common.message')}}
+			<template #icon="props">
+				<i class="icon iconfont icon-btn_shengc_gray1 footer-icon" :class="props.active ? 'footer-icon-active' : ''"></i>
+			</template>
+		</van-tabbar-item>
+		<van-tabbar-item to="/main/working">
+			{{$t('common.workbench')}}
+			<template #icon="props">
+				<i class="icon iconfont icon-btn_gongz footer-icon" :class="props.active ? 'footer-icon-active' : ''"></i>
+			</template>
+		</van-tabbar-item>
 		<van-tabbar-item
-			icon="friends-o"
 			:to="tenantId == 'smt' ? '/main/xiamenList' : '/main/equipment'"
-			>{{$t('common.things')}}</van-tabbar-item
-		>
-		<van-tabbar-item icon="setting-o" to="/main/home">{{$t('common.mine')}}</van-tabbar-item>
+			>{{$t('common.things')}}
+			<template #icon="props">
+				<i class="icon iconfont icon-btn_wulw footer-icon" :class="props.active ? 'footer-icon-active' : ''"></i>
+			</template>
+		</van-tabbar-item>
+		<van-tabbar-item icon="setting-o" to="/main/home">
+			{{$t('common.mine')}}
+			<template #icon="props">
+				<i class="icon iconfont icon-btn_mine footer-icon" :class="props.active ? 'footer-icon-active' : ''"></i>
+			</template>
+		</van-tabbar-item>
 	</van-tabbar>
 </template>
 <script setup>