1

components/mobile-frame/index.vue

@@ -9,7 +9,8 @@
 		</view>
 		<view class="foot" v-if="frameStyle&&frameStyle.useBar||false">
 			<view class="list" v-for="(item,index) in barList" :key="index" @tap="toPath(index,item)">
-				<image class="image" src="../../static/logo.png" mode=""></image>
+				<image class="image" :src="item.normal" mode="" v-if="active!=index"></image>
+				<image class="image" :src="item.active" mode="" v-else></image>
 				<view class="name" :style="{color:active==index?frameStyle.barActive||'#FB1438':''}">{{item.name}}</view>
 			</view>
 		</view>
@@ -28,23 +29,33 @@
 				active: 0,
 				barList: [{
 						name: '首页',
-						route: 'pages/home/index'
+						route: 'pages/home/index',
+						normal: require('@/static/shouye.png'),
+						active: require('@/static/shouye_1.png')
 					},
 					{
 						name: '微店',
-						route: 'pages/store/index'
+						route: 'pages/store/index',
+						normal: require('@/static/store.png'),
+						active: require('@/static/store_1.png')
 					},
 					{
 						name: '周边',
-						route: 'pages/week/index'
+						route: 'pages/week/index',
+						normal: require('@/static/week.png'),
+						active: require('@/static/week_1.png')
 					},
 					{
 						name: '购物车',
-						route: 'pages/market/index'
+						route: 'pages/market/index',
+						normal: require('@/static/market.png'),
+						active: require('@/static/market_1.png')
 					},
 					{
 						name: '我的',
-						route: 'pages/my/index'
+						route: 'pages/my/index',
+						normal: require('@/static/my.png'),
+						active: require('@/static/my_1.png')
 					},
 				]
 			};
@@ -81,18 +92,19 @@
 		.foot {
 			height: 8vh;
 			overflow: hidden;
-			background-color: var(--footColor);
+			background-color: var(--fffColor);
 			display: flex;
 			flex-direction: row;
 			justify-content: space-around;
+			border-top: 1px solid var(--f1Color);
 
 			.list {
-				padding: 2vw 0;
+				padding: 1vw 0;
 				text-align: center;
 
 				.image {
 					width: 7vw;
-					height: 5vw;
+					height: 6vw;
 				}
 
 				.name {