图片查看

src/components/detail/imageWatch.vue

@@ -23,7 +23,7 @@
         </div>
         <div class="dis-f jus-x al-item">
             <div class="list-img-box dis-f al-item jus-x">
-                <div v-for="(item, i) in list" :key="i">
+                <div v-for="(item, i) in list" :key="i" @click="watchSet(i)">
                     <div class="voide" :class="{ 'select-box': imageTab === i }" v-if="!item.thumbnail">
                         <div class="icon-box dis-f jus-x al-item">
                             <img :src="item.image" class="icon" alt="">
@@ -80,6 +80,11 @@ let next = () => {
     carousel.value.next()
 }
 
+//点击预览图
+let watchSet=(num)=>{
+    carousel.value.setActiveItem(num)
+}
+
 watchEffect(()=>{
     show=props.show
     list.value= props.list
@@ -184,6 +189,7 @@ img {
             border: 1px solid transparent;
             border-radius: 8px;
             margin-left: 5px;
+            cursor: pointer;
             .img-s{
                 height:60px;
                 border-radius: 8px;
@@ -196,6 +202,7 @@ img {
             border: 1px solid transparent;
             margin-left: 5px;
             border-radius: 8px;
+            cursor: pointer;
 
             .icon-box {
                 width: 60px;