From b3c0e7cd6f6e3a7292132b98f309488966ea6351 Mon Sep 17 00:00:00 2001
From: jiangwen <jokerwho@yeah.net>
Date: Fri, 21 Jan 2022 11:04:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dtopic=E4=B8=ADimageViewer?=
 =?UTF-8?q?=E6=AF=8F=E6=AC=A1=E7=82=B9=E5=87=BB=E9=83=BD=E9=87=8D=E7=BD=AE?=
 =?UTF-8?q?=E4=B8=BA=E7=AC=AC=E4=B8=80=E5=BC=A0=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/topic/_id.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/pages/topic/_id.vue b/pages/topic/_id.vue
index b14afe8..221400b 100644
--- a/pages/topic/_id.vue
+++ b/pages/topic/_id.vue
@@ -64,6 +64,7 @@
     </p-dialog>
     <elImageViewer
       v-if="showViewer"
+      :initial-index="nowPickImg"
       :on-close="onClose"
       :url-list="srcList"/>
   </div>
@@ -84,7 +85,8 @@ export default {
       loading: false,
       visible: false,
       srcList: [],
-      showViewer: false
+      showViewer: false,
+      nowPickImg: 0,
     }
   },
   watch: {
@@ -174,7 +176,11 @@ export default {
         imgs.forEach(img => {
           urls.push(img.src);
           img.style.cursor = "pointer";
-          img.addEventListener('click', () => self.showViewer = true);
+          var index = imgs.indexOf(img) == -1 ? 0 : imgs.indexOf(img);
+          img.addEventListener('click', () => {
+            self.showViewer = true;
+            self.nowPickImg = index;
+          });
         });
         self.srcList = urls;
       })
-- 
Gitee