背景颜色背景图片

src/App.vue

@@ -194,6 +194,10 @@ export default {
                 if (this.mpApp.pageCallBack) {
                   this.mpApp.pageCallBack(data);
                 }
+
+                if(this.mpApp.indexBgCallBack){
+                  this.mpApp.indexBgCallBack(data)
+                }
               });
 
             }

src/components/ThemeDataPlant.vue

@@ -7,6 +7,7 @@
       'background-image':bacImage,
       'background-repeat':pageSettingData.backgroundFit == 'repeat' ? 'repeat' : 'no-repeat',
       'position':pageSettingData.backgroundImageLock ? 'fixed' : 'absolute',
+      'background-size' : '100% auto'
       }"
   >
   </div>
@@ -34,6 +35,14 @@ export default {
         this.pageInfo = this.mpApp.globalData.pageList.filter((item) => item.pageCode == 1)[0];
         this.pageSettingData = JSON.parse(this.pageInfo.pageSettingData);
         console.log(this.pageInfo.pageSettingData,'kl')
+    }else{
+      let _this = this
+      this.mpApp.indexBgCallBack = function(data){
+        _this.pageInfo = _this.mpApp.globalData.pageList.filter((item) => item.pageCode == 1)[0];
+        _this.pageSettingData = JSON.parse(_this.pageInfo.pageSettingData);
+        console.log(_this.pageSettingData,'kl1')
+        _this.bacImage = `url(${_this.pageSettingData.backgroundImage})`
+      }
     }
   },
   mounted(){

src/main.js

@@ -44,6 +44,8 @@ mpApp.shareInit = function () {};
 mpApp.themeColorCallBack = function () {};
 
 
+mpApp.indexBgCallBack = function(){ }
+
 // 全局数据
 mpApp.processEnv = process.env;
 console.log('3555555', wx)

static/nativeComponents/FloatButton/index.wxml

@@ -18,7 +18,7 @@
       <image wx:elif="{{datas.componentData.icon.type==2}}" class="content-img" src="{{datas.componentData.icon.src}}"></image>
       <view class="content-name" style="font-size:{{datas.componentData['fontSize']}}em;color:{{datas.componentData['contentColor']}}">{{datas.componentData['content']}}</view>
     </view>
-    <image wx:else class="imgs" src="{{imgIcon}}">
+    <image wx:else class="imgs" src="{{imgIcon}}" mode="aspectFit">
     </image>
   </movable-view>
 </movable-area>

static/nativeComponents/FloatButton/index.wxss

@@ -43,5 +43,4 @@
   .imgs {
     width: 100%;
     height: 100%;
-    object-fit: contain;
   }
\ No newline at end of file