银花优选微信小程序修改后的最新版本代码

custom-tab-bar/index.js

@@ -0,0 +1,67 @@
+Component({
+  data: {
+    selected: 0,
+    color: "#6e6d6b",
+    selectedColor: "#00B050",
+    "list": [
+      {
+        "pagePath": "/pages/index/index",
+        "text": "首页",
+        "iconPath": "/images/footer-icon-01.png",
+        "selectedIconPath": "/images/footer-icon-01-active.png"
+      },
+      {
+        "pagePath": "/pages/news/index",
+        "iconPath": "/images/footer-icon-05.png",
+        "selectedIconPath": "/images/footer-icon-05-active.png",
+        "text": "资讯"
+      },
+      {
+        "pagePath": "/pages/business/index",
+        "iconPath": "/images/footer-icon-02.png",
+        "selectedIconPath": "/images/footer-icon-02-active.png",
+        "text": "门店"
+      },
+
+      {
+        "pagePath": "/pages/my/index",
+        "text": "我的",
+        "iconPath": "/images/footer-icon-04.png",
+        "selectedIconPath": "/images/footer-icon-04-active.png"
+      }
+    ]
+  },
+  attached() {
+  },
+  methods: {
+    switchTab(e) {
+      var data = e.currentTarget.dataset
+      var url = data.path
+      if(data.index==8){
+        var userId = wx.getStorageSync("userId")
+        var LoginId = wx.getStorageSync("LoginId")
+        var userInfodata = wx.getStorageSync("userInfo")
+        if(userId&&LoginId&&userInfodata){
+          wx.switchTab({
+            url: url,
+          });
+          this.setData({
+            selected: data.index
+          })
+         }else{
+             wx.navigateTo({  
+                 url: "../login/index"
+             }) 
+         }
+      }else{
+       
+      wx.switchTab({
+        url: url,
+      });
+      this.setData({
+        selected: data.index
+      })
+      }
+    }
+  }
+})

custom-tab-bar/index.json

@@ -0,0 +1,3 @@
+{
+  "component":true 
+}  

custom-tab-bar/index.wxml

@@ -0,0 +1,7 @@
+<cover-view class="tab-bar">
+  <cover-view class="tab-bar-border"></cover-view>
+  <cover-view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
+    <cover-image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image>
+    <cover-view style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</cover-view>
+  </cover-view> 
+</cover-view> 

custom-tab-bar/index.wxss

@@ -0,0 +1,39 @@
+.tab-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 48px;
+  background: white;
+  display: flex;
+  padding-bottom: env(safe-area-inset-bottom);
+  background-color: #292929;
+} 
+ 
+.tab-bar-border {
+  background-color: rgba(0, 0, 0, 0.1);
+  position: absolute;
+  left: 0;
+  top: 0; 
+  width: 100%;
+  height: 1px;
+  transform: scaleY(0.5);
+}
+
+.tab-bar-item {
+  flex: 1;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.tab-bar-item cover-image {
+  width: 27px;
+  height: 27px;
+}
+
+.tab-bar-item cover-view {
+  font-size: 11px;
+}