From a733aa68aea4f716b049af86ea7054568e9033d3 Mon Sep 17 00:00:00 2001
From: luJianJun <2587063613@qq.com>
Date: Tue, 25 Jul 2023 18:19:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=9F=A5=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/detail/imageWatch.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/detail/imageWatch.vue b/src/components/detail/imageWatch.vue
index cadc39d..4f14567 100644
--- a/src/components/detail/imageWatch.vue
+++ b/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;