新增背景填充方式

6d2e9737 · 李嘉林 · f025467f · 6d2e9737
Commit 6d2e9737 authored Jul 06, 2022 by 李嘉林
Show whitespace changes
Inline Side-by-side

Showing with 10 additions and 4 deletions

src/components/ThemeDataPlant.vue
+10 -4

No files found.
--- a/src/components/ThemeDataPlant.vue
+++ b/src/components/ThemeDataPlant.vue
@@ -4,10 +4,16 @@
    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>