upp

src/assets/styles/base.css

@@ -164,3 +164,6 @@ textarea {
   border-radius: 10px;
   background: transparent;
 }
+.ant-image-preview-operations {
+  background-color: rgba(0, 0, 0, 0.8) !important;
+}

src/assets/styles/base.less

@@ -284,4 +284,7 @@ textarea {
   -webkit-box-shadow: inset 0 0 5px transparent;
   border-radius: 10px;
   background: transparent;
+}
+.ant-image-preview-operations{
+  background-color: rgba(0, 0, 0, 0.8) !important;
 }

src/components/ZupTypes/index.module.scss

@@ -2,6 +2,9 @@
   padding-top: 3px;
 
   :global {
+
+
+
     .ZTboxTit {
       margin-left: 10px;
       font-size: 14px;
@@ -90,6 +93,7 @@
           }
 
           .ZTbox1ImgRow {
+            content-visibility:auto;
             margin-right: 20px;
             width: 100px;
             height: 125px;

src/components/ZupTypes/index.tsx

@@ -28,6 +28,7 @@ import { A2_APIchangeImgName } from "@/store/action/A2exhibition";
 
 export type FileListType = {
   fileName: string;
+  thumb?: string;
   filePath: string;
   id: number;
   type: "model" | "img" | "audio" | "video";
@@ -366,7 +367,7 @@ function ZupTypes(
           fileIds.push(v.id);
           if (oneIsCover && i === 0) {
             // 返回 第一张图的url 作为封面
-            coverUrl = v.filePath;
+            coverUrl = v.thumb || v.filePath;
           }
         }
       });
@@ -498,12 +499,12 @@ function ZupTypes(
                 onDragEnter={(e) => handleDragEnter(e, v)}
                 onDragEnd={() => setDragImg(null)}
               >
-                {v.filePath ? (
+                {v.thumb || v.filePath ? (
                   <ImageLazy
                     noLook={true}
                     width={100}
                     height={100}
-                    src={v.filePath}
+                    src={v.thumb || v.filePath}
                   />
                 ) : null}