From 35a31479de07b49eab7a8d66c8fa431f061d122d Mon Sep 17 00:00:00 2001
From: ygx <ygx>
Date: Sun, 28 Dec 2025 20:55:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=20=E5=A4=A7=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ContentCharts/components/ChartsSearch/index.vue      | 5 +++++
 src/views/chart/hooks/useSync.hook.ts                    | 9 ++-------
 .../project/items/components/ProjectItemsCard/index.vue  | 7 ++++++-
 .../items/components/ProjectItemsModalCard/index.vue     | 4 ++++
 4 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/views/chart/ContentCharts/components/ChartsSearch/index.vue b/src/views/chart/ContentCharts/components/ChartsSearch/index.vue
index e0a2e45..bbe17ff 100644
--- a/src/views/chart/ContentCharts/components/ChartsSearch/index.vue
+++ b/src/views/chart/ContentCharts/components/ChartsSearch/index.vue
@@ -276,5 +276,10 @@ $searchWidth: 176px;
       width: 0px;
     }
   }
+  .list-item-img {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
 }
 </style>
diff --git a/src/views/chart/hooks/useSync.hook.ts b/src/views/chart/hooks/useSync.hook.ts
index cfe788c..ba2f63a 100644
--- a/src/views/chart/hooks/useSync.hook.ts
+++ b/src/views/chart/hooks/useSync.hook.ts
@@ -291,19 +291,15 @@ export const useSync = () => {
         // 获取缩略图片
         const range = document.querySelector('.go-edit-range') as HTMLElement
         
-        // 只有配置了背景图片时才需要临时修改样式
+        // 如果配置了背景图片，则移除背景色，只保留背景图片
         const hasBackgroundImage = !!chartEditStore.getEditCanvasConfig.backgroundImage
         let originalBgColor = ''
-        let originalBgImage = ''
         
         if (hasBackgroundImage) {
           // 保存原始背景色
           originalBgColor = range.style.backgroundColor
-          originalBgImage = range.style.backgroundImage
-          
-          // 临时设置为透明背景
+          // 移除背景色
           range.style.backgroundColor = 'transparent'
-          range.style.backgroundImage = 'none'
         }
         
         // 生成图片（透明底）
@@ -318,7 +314,6 @@ export const useSync = () => {
         if (hasBackgroundImage) {
           // 恢复原始背景色
           range.style.backgroundColor = originalBgColor
-          range.style.backgroundImage = originalBgImage
         }
 
         // 上传预览图（使用 FtsUpload）
diff --git a/src/views/project/items/components/ProjectItemsCard/index.vue b/src/views/project/items/components/ProjectItemsCard/index.vue
index 099a0a3..7e15576 100644
--- a/src/views/project/items/components/ProjectItemsCard/index.vue
+++ b/src/views/project/items/components/ProjectItemsCard/index.vue
@@ -17,7 +17,7 @@
             class="list-item-img"
             v-if="cardData.image"
             object-fit="cover"
-            height="180"
+            height="100%"
             preview-disabled
             :src="`${cardData.image}?time=${new Date().getTime()}`"
             :alt="cardData.title"
@@ -244,6 +244,11 @@ $contentHeight: 180px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
+    img {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
   }
 }
 </style>
diff --git a/src/views/project/items/components/ProjectItemsModalCard/index.vue b/src/views/project/items/components/ProjectItemsModalCard/index.vue
index e4d09b5..03580fa 100644
--- a/src/views/project/items/components/ProjectItemsModalCard/index.vue
+++ b/src/views/project/items/components/ProjectItemsModalCard/index.vue
@@ -182,6 +182,10 @@ $contentWidth: calc(82vw);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
+    > img {
+      width: 100%;
+      object-fit: cover;
+    }
   }
 }
 </style>