还原代码

custom-tab-bar/index.js

@@ -63,23 +63,77 @@ Component({
         visible: 1
       }
     ],
+    mm: false,
     componentData: {},
     show: true,
-    showFlag:"up",
+    mmm: false,
+    mainColor: "",
+    showFlag: "up"
+  },
+  ready() {
+    if (app.themeColor["--main-color"] != "#ffffff") {
+      this.setData({
+        mainColor: app.themeColor["--main-color"]
+      });
+    } else {
+      app.themeColorCallBack = res => {
+        this.setData({
+          mainColor: res["--main-color"]
+        });
+      };
+    }
+
+    console.log(this.data.themeColor, "themeColor");
+    if (typeof this.getTabBar === "function" && this.getTabBar()) {
+      this.getTabBar().setData({
+        selected: 1
+      });
+    }
+    this.setData({
+      mmm: Math.ceil(app.globalData.footerVal.componentData.list.length / 2 - 1)
+    });
+    console.log(
+      Math.ceil(app.globalData.footerVal.componentData.list.length / 2 - 1),
+      this.data.selected
+    );
+    console.log(this.data.mmm, "ready");
   },
   attached() {
     let that = this;
     if (app.globalData.footerVal) {
+      let mm =
+        Math.ceil(app.globalData.footerVal.componentData.list.length / 2 - 1) ==
+          that.data.selected &&
+        app.globalData.footerVal.componentData["styleSelectionNum"] == 1;
+
+      console.log(733333, mm);
       that.setData({
         componentData: app.globalData.footerVal.componentData,
-        list: app.globalData.footerVal.componentData.list
+        list: app.globalData.footerVal.componentData.list,
+        mm: mm
       });
+
+      console.log(
+        "777777",
+        Math.ceil(this.data.list.length / 2 - 1),
+        this.data.selected,
+        this.data.componentData["styleSelectionNum"]
+      );
     } else {
+      console.log(73333381);
       app.footerCallBack = function(params) {
+        console.log("back");
         that.setData({
           componentData: params.componentData,
           list: params.componentData.list
+          // mm:(Math.ceil(params.componentData.list.length/2-1)==that.data.selected&&params.componentData['styleSelectionNum']==1)
         });
+
+        let mm =
+          Math.ceil(params.componentData.list.length / 2 - 1) ==
+            that.data.selected &&
+          params.componentData["styleSelectionNum"] == 1;
+        console.log("87777777", mm);
       };
     }
 
@@ -89,6 +143,13 @@ Component({
     app.webviewCallBack = function(state, params) {
       console.log("webview变化", state, params);
     };
+
+    //
+    this.setData({
+      mm:
+        Math.ceil(this.data.list.length / 2 - 1) == this.data.selected &&
+        this.data.componentData["styleSelectionNum"] == 1
+    });
   },
   methods: {
     init() {},

custom-tab-bar/index.wxss

@@ -1378,13 +1378,18 @@
   bottom: 0;
   left: 0;
   right: 0;
-  height: 48px;
-  background: white;
+  height: 51px;
   display: flex;
   padding-bottom: env(safe-area-inset-bottom);
+  font-size: 10px;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  background: #f5f5f4;
+  border-top: 1px solid #e2e2e2;
 }
 
-.tab-bar-border {
+/* .tab-bar-border {
   background-color: rgba(0, 0, 0, 0.33);
   position: absolute;
   left: 0;
@@ -1392,7 +1397,7 @@
   width: 100%;
   height: 1px;
   transform: scaleY(0.5);
-}
+} */
 
 .tab-bar-item {
   flex: 1;
@@ -1403,6 +1408,30 @@
   flex-direction: column;
 }
 
+.isItem {
+  transform: translateY(-30%)
+}
+.isItem .antt{
+        width:50px;
+        height: 50px;
+        background: var(--main-color);
+        border-radius: 50%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border: 8rpx solid #fff;
+}
+.icons {
+  width: 50px;
+  height: 50px;
+  background: var(--main-color);
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 4px solid #fff;
+}
+
 .tab-bar-item cover-image {
   width: 27px;
   height: 27px;
@@ -1412,11 +1441,18 @@
   /* font-size: 10px; */
 }
 
-.img-view cover-image{
-  object-fit: contain;
+/* .img-view{
+  display: flex;
+  align-items: center;
+} */
+.img-view image{
+  /* object-fit: contain; */
   width: 100%;
   height: 100%;
 }
+.text{
+  margin-top: 4rpx;
+}
 
 .hide{
   display: none;