admin:修复帖子列表图片展示问题

mlogclub · Feb 26, 2024 · f07298f · f07298f
1 parent 13351b5
commit f07298f
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/admin/src/views/pages/topic/components/TopicList.vue b/admin/src/views/pages/topic/components/TopicList.vue
@@ -47,18 +47,19 @@
         <a-image-preview-group
           v-if="topic.imageList && topic.imageList.length"
           infinite
-          class="topic-image-list"
         >
-          <a-image
-            v-for="(image, index) in topic.imageList"
-            :key="index"
-            width="150"
-            height="150"
-            class="image-item"
-            show-loader
-            :src="image.url"
-            fit="cover"
-          />
+          <div class="topic-image-list">
+            <a-image
+              v-for="(image, index) in topic.imageList"
+              :key="index"
+              width="150"
+              height="150"
+              class="image-item"
+              show-loader
+              :src="image.url"
+              fit="cover"
+            />
+          </div>
         </a-image-preview-group>
         <div class="topic-footer">
           <div class="topic-tags">
@@ -286,6 +287,10 @@
         display: flex;
         row-gap: 10px;
         column-gap: 10px;
+
+        .image-item {
+          cursor: pointer;
+        }
       }
 
       .topic-footer {