feat: 大屏

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>

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）

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>

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>