新增背景填充方式

src/components/ThemeDataPlant.vue

@@ -4,11 +4,17 @@
     class="ThemeDataPlant"
     :style="{
       'background-color': pageSettingData.backgroundColor,
-      'background-image':bacImage,
-      'background-repeat':pageSettingData.backgroundFit == 'repeat' ? 'repeat' : 'no-repeat',
-      'position':pageSettingData.backgroundImageLock ? 'fixed' : 'absolute',
-      'background-size' : '100% auto'
-      }"
+      'background-image': `url(${pageSettingData.backgroundImage})`,
+      'background-size': pageSettingData.backgroundFit!='equiratioFill'?'100% auto':'',
+      'background-repeat':
+        pageSettingData.backgroundFit == 'repeat'
+          ? 'repeat'
+          : 'no-repeat',
+      'background-position':pageSettingData.backgroundFit == 'equiratioFill'?'center':'',
+      'background-attachment': pageSettingData.backgroundImageLock
+        ? 'fixed'
+        : 'local',
+    }"
   >
   </div>
 </template>