底部导航样式

static/nativeComponents/custom-tab-bar/index.js

@@ -38,16 +38,37 @@ Component({
       // 
       let that = this;
       if (app.globalData.footerVal) {
+        let { componentData } = app.globalData.footerVal;
         let mid = Math.ceil(app.globalData.footerVal.componentData.list.length / 2 - 1)
-
-        app.globalData.footerVal.componentData.list.forEach(item => {
+        console.log(app.globalData.footerVal.componentData,'-------app.globalData.footerVal.componentData')
+        componentData.list.forEach(item => {
           item.isAntt = item.icon.includes('ant-')
           console.log('isAntt', item.isAntt)
         })
-        console.log(app.globalData.footerVal.componentData.list,'app.globalData.footerVal.componentData.list')
+        // 处理默认样式
+        // 未选中
+        if (componentData.defaultText == 1) {
+          componentData.defaultTextColor = "#333";
+          componentData.defaultTextNum = 10;
+        }
+        if (componentData.defaultIcon == 1) {
+          componentData.defaultIconColor = "#333";
+          componentData.defaultIconSize = 18;
+        }
+        // 选中
+        if (componentData.selectText == 1) {
+          componentData.selectTextColor = "var(--main-color)";
+          componentData.selectionTextNum = 10;
+        }
+        if (componentData.selectIconBackground == 1) {
+          componentData.selectIconColor = "var(--main-color)";
+          componentData.selectionIconSize = 18;
+        }
+
+        console.log(componentData.list,'componentData.list')
         that.setData({
-          componentData: app.globalData.footerVal.componentData,
-          list: app.globalData.footerVal.componentData.list,
+          componentData: componentData,
+          list: componentData.list,
           mid: mid
         });
       } else {

static/nativeComponents/custom-tab-bar/index.wxml

@@ -11,7 +11,7 @@
           <view class="{{item.isAntt ? 'antt' : 'iconfont'}} {{item.icon}}" style="font-size:{{componentData.defaultIcon==1 ? '36rpx' : (componentData.defaultIconSize*2 + 'rpx')}};color:{{index==selected?componentData.selectIconColor:componentData.defaultIconColor}}"></view>
         </view>
         <view wx:elif="{{item.iconType==1}}" class="img-view ">
-          <image style="width:{{(index==selected?componentData.selectionIconSize*2:componentData.defaultIconSize*2)+'rpx'}};height:{{(index==selected?componentData.selectionIconSize*2:componentData.defaultIconSize*2)+'rpx'}}" mode="aspectFit" src="{{selected === index ? item.selectImgUrl : item.imgUrl}}"></image>
+          <image style="width:{{(index==selected?componentData.selectionIconSize:componentData.defaultIconSize)/10+'em'}};height:{{(index==selected?componentData.selectionIconSize:componentData.defaultIconSize)/10+'em'}}" mode="aspectFit" src="{{selected === index ? item.selectImgUrl : item.imgUrl}}"></image>
         </view>
       </view>
       <!-- 名称 -->