更新底部导航栏

components/base/tabBar.vue

@@ -5,7 +5,7 @@
 		 @click="toPath(item, index)"
 		 v-for="(item, index) in list">
 			<view class="icon">
-				<image :src="select == index ? item.selectedIconPath : item.iconPath" class="icon-image" mode=""></image>
+				<image :src="'/static/tabbar/' + (index + 1) + '.png'" class="icon-image" mode=""></image>
 			</view>
 			<view class="title">
 				{{ $t(item.title) }}
@@ -40,27 +40,48 @@
 		props : ['select'],
 		data() {
 			return {
+				// "list": [
+				// 	{
+				// 		"selectedIconPath": "/static/tabbar/2.png",
+				// 		"iconPath": "/static/tabbar/1.png",
+				// 		"pagePath": "/pages/home/home",
+				// 		"title": "tabbar.title.1"
+				// 	},{
+				// 		"selectedIconPath": "/static/tabbar/4.png",
+				// 		"iconPath": "/static/tabbar/3.png",
+				// 		"pagePath": "/pages/prizeDraw/prizeDraw",
+				// 		"title": "tabbar.title.2"
+				// 	},{
+				// 		"selectedIconPath": "/static/tabbar/6.png",
+				// 		"iconPath": "/static/tabbar/5.png",
+				// 		"pagePath": "/pages/order/order",
+				// 		"title": "tabbar.title.3"
+				// 	},{
+				// 		"selectedIconPath": "/static/tabbar/8.png",
+				// 		"iconPath": "/static/tabbar/7.png",
+				// 		"pagePath": "/pages/center/center",
+				// 		"title": "tabbar.title.4"
+				// 	}
+				// ],
 				"list": [
 					{
-						"selectedIconPath": "/static/tabbar/2.png",
-						"iconPath": "/static/tabbar/1.png",
 						"pagePath": "/pages/home/home",
 						"title": "tabbar.title.1"
-					},{
-						"selectedIconPath": "/static/tabbar/4.png",
-						"iconPath": "/static/tabbar/3.png",
-						"pagePath": "/pages/prizeDraw/prizeDraw",
-						"title": "tabbar.title.2"
-					},{
-						"selectedIconPath": "/static/tabbar/6.png",
-						"iconPath": "/static/tabbar/5.png",
+					},
+					{
 						"pagePath": "/pages/order/order",
+						"title": "tabbar.title.2"
+					},
+					{
+						"pagePath": "/pages/prizeDraw/prizeDraw",
 						"title": "tabbar.title.3"
-					},{
-						"selectedIconPath": "/static/tabbar/8.png",
-						"iconPath": "/static/tabbar/7.png",
-						"pagePath": "/pages/center/center",
+					},
+					{
 						"title": "tabbar.title.4"
+					},
+					{
+						"pagePath": "/pages/center/center",
+						"title": "tabbar.title.5"
 					}
 				]
 			}
@@ -70,6 +91,11 @@
 				if(index == this.select){
 					return
 				}
+				
+				if(!item.pagePath){
+					return
+				}
+				
 				this.$play()
 				uni.redirectTo({
 					url: item.pagePath
@@ -83,7 +109,7 @@
 .list{
 	position: fixed;
 	width: 100vw;
-	background-color: #fff;
+	background-color: #000;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -93,9 +119,10 @@
 	bottom: 0;
 	left: 0;
 	line-height: 50rpx;
-	color: #000;
+	color: #fff;
 	box-shadow: 0px 0rpx 10rpx 10rpx #00000022;
 	width: 750rpx;
+	font-weight: 500;
 	.item:nth-child(2){
 		// .icon{
 		// 	.icon-image{
@@ -118,8 +145,8 @@
 			justify-content: center;
 			align-items: center;
 			.icon-image{
-				width: 40rpx;
-				height: 40rpx;
+				width: 45rpx;
+				height: 45rpx;
 			}
 		}
 		.icon-image{
@@ -135,7 +162,6 @@
 	}
 }
 .active{
-	color: #000 !important;
-	font-weight: 900;
+	color: rgb(92, 173, 255) !important;
 }
 </style>

locale/en.js

@@ -3,9 +3,10 @@ export default {
 	"language.cancel": "cancel",
 	"page.login.title": "login",
 	"tabbar.title.1": "Home",
-	"tabbar.title.2": "STARTING",
-	"tabbar.title.3": "Order",
-	"tabbar.title.4": "Individual center",
+	"tabbar.title.2": "Records",
+	"tabbar.title.3": "Starting",
+	"tabbar.title.4": "Service",
+	"tabbar.title.5": "Account",
 	"nav.login": "Login",
 	"nav.register": "Register",
 	"nav.home": "Home",

pages/center/center.vue

@@ -189,7 +189,7 @@
 			</view>
 		</u-popup>
 
-		<sTabbar select="3" />
+		<sTabbar select="4" />
 
 		<!-- 选择语言弹框 -->
 		<changeLanguage :show.sync="showLanguage" @close="closeLanguage"></changeLanguage>

pages/order/order.vue

@@ -105,7 +105,7 @@
 		:showCancelButton="true"
 		></u-modal>
 		
-		<sTabbar select="2"/>
+		<sTabbar select="1"/>
 	</view>
 </template>
 

pages/prizeDraw/prizeDraw.vue

@@ -103,7 +103,7 @@
 			</view>
 		</view>
 
-		<sTabbar select="1" />
+		<sTabbar select="2" />
 
 		<u-popup :show="show" mode="bottom" @close="show = false;$play()">
 			<view style="font-size: 35rpx;text-align: center;

utils/clickSound.js

@@ -7,6 +7,6 @@ audio.playbackRate = 1.5
 
 export function play(){
 	// audio.pause();
-	audio.currentTime = 0
-	audio.play()
+	// audio.currentTime = 0
+	// audio.play()
 }