更新底部菜单图片

app.wxss

@@ -32,4 +32,9 @@ pages {
   width: 100%;
   margin: 100rpx 0 0 0;
 
+}
+
+/* 菜单选中文字颜色 */
+.van-tabbar-item--active {
+  color: red !important;
 }

pages/attestation/index.js

@@ -7,7 +7,8 @@ Page({
    */
   data: {
     nvabarData: {
-      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      showCapsule: 0, //是否显示左上角图标，消息中心   1表示显示    0表示不显示
+      showBack: 1, //返回
       title: '企业认证', //导航栏 中间的标题
       // 此页面 页面内容距最顶部的距离
       height: app.globalData.height * 2 + 20,

pages/home/index.js

@@ -15,11 +15,18 @@ Page({
       height: app.globalData.height * 2 + 20,
     },
     // 此页面 页面内容距最顶部的距离
-
     active: 0,
     icon: {
-      normal: 'https://img.yzcdn.cn/vant/user-inactive.png',
-      active: 'https://img.yzcdn.cn/vant/user-active.png'
+      normal: '/pages/images/home.png',
+      active: '/pages/images/home_fill.png',
+      bankNormal:'/pages/images/duijie.png',
+      bankActive:'/pages/images/duijie_fill.png',
+      marketNormal:'/pages/images/recharge.png',
+      marketActive:'/pages/images/recharge_fill.png',
+      policyNormal:'/pages/images/news_hot.png',
+      policyActive:'/pages/images/news_hot_fill.png',
+      myNormal:'/pages/images/people.png',
+      myActive:'/pages/images/people_fill.png'
     },
     // 热门产品
     productList: [{
@@ -107,7 +114,6 @@ Page({
   },
   // 切换菜单
   onChange(event) {
-    console.log(event.detail)
     this.setData({
       active: event.detail
     });

pages/home/index.wxml

@@ -56,10 +56,24 @@
 					<image slot="icon-active" src="{{ icon.active }}" mode="aspectFit" style="width: 30px; height: 18px;" />
 					首页
 				</van-tabbar-item>
-				<van-tabbar-item icon="search">企业对接</van-tabbar-item>
-				<van-tabbar-item icon="setting-o">金融数字超市</van-tabbar-item>
-				<van-tabbar-item icon="search">政策解读</van-tabbar-item>
-				<van-tabbar-item icon="setting-o">我的</van-tabbar-item>
+				<van-tabbar-item>
+					<image slot="icon" src="{{ icon.bankNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+					<image slot="icon-active" src="{{ icon.bankActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+					银企对接
+				</van-tabbar-item>
+				<van-tabbar-item>
+					<image slot="icon" src="{{ icon.marketNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+					<image slot="icon-active" src="{{ icon.marketActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+					金融数字超市
+				</van-tabbar-item>
+				<van-tabbar-item>
+					<image slot="icon" src="{{ icon.policyNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+					<image slot="icon-active" src="{{ icon.policyActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+					政策解读</van-tabbar-item>
+				<van-tabbar-item>
+					<image slot="icon" src="{{ icon.myNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+					<image slot="icon-active" src="{{ icon.myActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+					我的</van-tabbar-item>
 			</van-tabbar>
 		</view>
 	</view>

pages/home/index.wxss

@@ -227,4 +227,5 @@
   float: left;
   width: 100%;
   margin: 100rpx 0 0 0;
-}
+}
+

pages/login/index.js

@@ -7,7 +7,8 @@ Page({
    */
   data: {
     nvabarData: {
-      showCapsule: 0, //是否显示左上角图标   1表示显示    0表示不显示
+      showCapsule: 0, //是否显示左上角图标，消息中心   1表示显示    0表示不显示
+      showBack: 1, //返回
       title: '登录', //导航栏 中间的标题
       // 此页面 页面内容距最顶部的距离
       height: app.globalData.height * 2 + 20,

pages/my/index.js

@@ -7,15 +7,24 @@ Page({
    */
   data: {
     nvabarData: {
-      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      showCapsule: 1, //是否显示左上角图标，消息中心   1表示显示    0表示不显示
+      showBack: 0, //返回
       title: '我的', //导航栏 中间的标题
+      // 此页面 页面内容距最顶部的距离
+      height: app.globalData.height * 2 + 20,
     },
-    // 此页面 页面内容距最顶部的距离
-    height: app.globalData.height * 2 + 20,
     active: 4,
     icon: {
-      normal: 'https://img.yzcdn.cn/vant/user-inactive.png',
-      active: 'https://img.yzcdn.cn/vant/user-active.png'
+      normal: '/pages/images/home.png',
+      active: '/pages/images/home_fill.png',
+      bankNormal: '/pages/images/duijie.png',
+      bankActive: '/pages/images/duijie_fill.png',
+      marketNormal: '/pages/images/recharge.png',
+      marketActive: '/pages/images/recharge_fill.png',
+      policyNormal: '/pages/images/news_hot.png',
+      policyActive: '/pages/images/news_hot_fill.png',
+      myNormal: '/pages/images/people.png',
+      myActive: '/pages/images/people_fill.png'
     },
   },
   // 切换菜单

pages/my/index.wxml

@@ -31,10 +31,24 @@
 				<image slot="icon-active" src="{{ icon.active }}" mode="aspectFit" style="width: 30px; height: 18px;" />
 				首页
 			</van-tabbar-item>
-			<van-tabbar-item icon="search">企业对接</van-tabbar-item>
-			<van-tabbar-item icon="setting-o">金融数字超市</van-tabbar-item>
-			<van-tabbar-item icon="search">政策解读</van-tabbar-item>
-			<van-tabbar-item icon="setting-o">我的</van-tabbar-item>
+			<van-tabbar-item>
+				<image slot="icon" src="{{ icon.bankNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				<image slot="icon-active" src="{{ icon.bankActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				银企对接
+			</van-tabbar-item>
+			<van-tabbar-item>
+				<image slot="icon" src="{{ icon.marketNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				<image slot="icon-active" src="{{ icon.marketActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				金融数字超市
+			</van-tabbar-item>
+			<van-tabbar-item>
+				<image slot="icon" src="{{ icon.policyNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				<image slot="icon-active" src="{{ icon.policyActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				政策解读</van-tabbar-item>
+			<van-tabbar-item>
+				<image slot="icon" src="{{ icon.myNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				<image slot="icon-active" src="{{ icon.myActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				我的</van-tabbar-item>
 		</van-tabbar>
 	</view>
 </view>

pages/policy/index.js

@@ -15,8 +15,16 @@ Page({
     },
     active: 3,
     icon: {
-      normal: 'https://img.yzcdn.cn/vant/user-inactive.png',
-      active: 'https://img.yzcdn.cn/vant/user-active.png'
+      normal: '/pages/images/home.png',
+      active: '/pages/images/home_fill.png',
+      bankNormal: '/pages/images/duijie.png',
+      bankActive: '/pages/images/duijie_fill.png',
+      marketNormal: '/pages/images/recharge.png',
+      marketActive: '/pages/images/recharge_fill.png',
+      policyNormal: '/pages/images/news_hot.png',
+      policyActive: '/pages/images/news_hot_fill.png',
+      myNormal: '/pages/images/people.png',
+      myActive: '/pages/images/people_fill.png'
     },
     currentTab: 0,
     // 政策公文

pages/policy/index.wxml

@@ -47,10 +47,24 @@
 				<image slot="icon-active" src="{{ icon.active }}" mode="aspectFit" style="width: 30px; height: 18px;" />
 				首页
 			</van-tabbar-item>
-			<van-tabbar-item icon="search">企业对接</van-tabbar-item>
-			<van-tabbar-item icon="setting-o">金融数字超市</van-tabbar-item>
-			<van-tabbar-item icon="search">政策解读</van-tabbar-item>
-			<van-tabbar-item icon="setting-o">我的</van-tabbar-item>
+			<van-tabbar-item>
+				<image slot="icon" src="{{ icon.bankNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				<image slot="icon-active" src="{{ icon.bankActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				银企对接
+			</van-tabbar-item>
+			<van-tabbar-item>
+				<image slot="icon" src="{{ icon.marketNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				<image slot="icon-active" src="{{ icon.marketActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				金融数字超市
+			</van-tabbar-item>
+			<van-tabbar-item>
+				<image slot="icon" src="{{ icon.policyNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				<image slot="icon-active" src="{{ icon.policyActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				政策解读</van-tabbar-item>
+			<van-tabbar-item>
+				<image slot="icon" src="{{ icon.myNormal }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				<image slot="icon-active" src="{{ icon.myActive }}" mode="aspectFit" style="width: 30px; height: 18px;" />
+				我的</van-tabbar-item>
 		</van-tabbar>
 	</view>
 </view>

pages/register/index.js

@@ -7,7 +7,8 @@ Page({
    */
   data: {
     nvabarData: {
-      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      showCapsule: 0, //是否显示左上角图标，消息中心   1表示显示    0表示不显示
+      showBack: 1, //返回
       title: '注册', //导航栏 中间的标题
       // 此页面 页面内容距最顶部的距离
       height: app.globalData.height * 2 + 20,

pages/updatePassword/index.js

@@ -7,7 +7,8 @@ Page({
    */
   data: {
     nvabarData: {
-      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
+      showCapsule: 0, //是否显示左上角图标，消息中心   1表示显示    0表示不显示
+      showBack: 1, //返回
       title: '修改密码', //导航栏 中间的标题
       // 此页面 页面内容距最顶部的距离
       height: app.globalData.height * 2 + 20,