src/views/home/content/Content.vue

@@ -144,7 +144,7 @@ onUpdated(() => {
   nextTick(() => {
     setTimeout(() => {
       layout()
-    }, 1500)
+    }, 2000)
   })
 })
 
@@ -741,15 +741,17 @@ defineExpose({
                 :fallback-src="bgLoadingImg"
                 style="display: none"
               />
-              <img @click="
+              <img
+                v-lazy="item.thumburl" class="img" :class="{
+                  'img-fit': viewMode === 'horizontalVersion',
+                  'img-full': viewMode === '3:4' || viewMode === 'verticalVersion',
+                }" alt="" @click="
                   ($event) => {
                     previewHandler(index, $event);
                     hideDownload($event);
                   }
-                    " v-lazy="item.thumburl" class="img" :class="{
+                "
-                  'img-fit': viewMode === 'horizontalVersion',
+              >
-                  'img-full': viewMode === '3:4' || viewMode === 'verticalVersion',
-                }" alt="">
               <img
                 v-if="item.states == 3"
                 class="tag-status"
@@ -1076,23 +1078,30 @@ defineExpose({
         width: 6px;
         height: 6px;
         background: #f1f1f1;
-        display: none;
+        visibility: hidden;
-      }
-      &:hover {
-        &::-webkit-scrollbar {
-          display: block;
-        }
       }
       /* 定义滚动条轨道的样式 */
       &::-webkit-scrollbar-track {
         background-color: #e1e1e1;
         border-radius: 10px; /* 圆角 */
+        visibility: hidden;
+      }
+      &:hover {
+        &::-webkit-scrollbar {
+          visibility: visible;
+        }
+        &::-webkit-scrollbar-track {
+          visibility: visible;
+        }
+        &::-webkit-scrollbar-thumb {
+          visibility: visible;
+        }
       }
-
       /* 定义滚动条滑块的样式 */
       &::-webkit-scrollbar-thumb {
         background-color: #888;
         border-radius: 10px; /* 圆角 */
+        visibility: hidden;
       }
 
       /* 滑块hover时的样式 */