src/views/home/content/Content.vue

@@ -142,7 +142,9 @@ useInfiniteScroll(
 
 onUpdated(() => {
   nextTick(() => {
+    setTimeout(() => {
       layout()
+    }, 1500)
   })
 })
 
@@ -1043,8 +1045,8 @@ defineExpose({
       position: absolute;
       text-align: center;
       z-index: 3;
-      right: 0px;
+      right: 10px;
-      top: -6px;
+      top: -8px;
       color: #fff;
 
       .val {

src/views/task/content/Content.vue

@@ -1006,8 +1006,7 @@ function sortHandler(orderby: 'similarityScore' | 'createdate') {
                 <div
                   class="img-wrapper"
                   :style="{
-                    // 'background-image': `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl})`,
+                    backgroundImage: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl : bgLoadingImg})`,
-                    background: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl : bgLoadingImg})`,
                   }"
                 />
                 <div class="small-mark" />
@@ -1232,8 +1231,7 @@ function sortHandler(orderby: 'similarityScore' | 'createdate') {
             <div
               class="img-wrapper"
               :style="{
-                // 'background-image': `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl})`,
+                backgroundImage: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl : bgLoadingImg})`,
-                background: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl : bgLoadingImg})`,
               }"
               @mouseover="overTaskHandelr(item)"
               @mouseleave="leaveTaskHandler"

src/views/worksheet/content/Content.vue

@@ -835,7 +835,7 @@ defineExpose({
           >
             <div
               class="img-wrapper"
-              :style="{ background: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl: bgLoadingImg})` }"
+              :style="{ backgroundImage: `url(${item.serverThumbnailUrl ? item.serverThumbnailUrl : item.imgUrl ? item.imgUrl: bgLoadingImg})` }"
             />
             <div class="time-wrapper">
               <div class="time">