From 75d5b7ec67e9b6b4339d4e6994d48656a5c264f1 Mon Sep 17 00:00:00 2001
From: chuzhongzai <njy1822574439@outlook.com>
Date: Thu, 28 Dec 2023 10:58:36 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=99=E6=AF=8F=E9=A1=B5=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=A1=B5=E6=95=B0=E4=B8=8B=E6=A0=87,=E9=98=B2=E6=AD=A2?=
 =?UTF-8?q?=E5=9B=A0=E4=B8=BA=E4=B9=B1=E5=BA=8F=E5=8A=A0=E8=BD=BD=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E5=88=86=E4=B8=8D=E6=B8=85=E9=A1=B5=E6=95=B0(?=
 =?UTF-8?q?=E5=90=8C=E6=AD=A5=E6=9B=B4=E6=96=B0)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/OnlineReader.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/OnlineReader.vue b/src/components/OnlineReader.vue
index dbea5f3..b6fdc12 100644
--- a/src/components/OnlineReader.vue
+++ b/src/components/OnlineReader.vue
@@ -78,17 +78,22 @@ function set_current_page(page){
 </script>
 
 <template>
-  <el-dialog v-model="isShowUp" @close="closeDialog" width="100%" top="0" fullscreen >
+  <el-dialog v-model="isShowUp" @close="closeDialog" width="100%" top="0" fullscreen>
     <template #header style="padding-bottom: 0">
-      在线预览:  {{readingGallery.name}} 页数：{{readingGallery.pages}}<br>
+      在线预览:  {{readingGallery.name}}<br>
+      页数：{{readingGallery.pages}}<br>
       <div style="font-size: 3vh; display: inline" v-if="max > 0">
         {{ index + 1 }} - {{ (index) * lengthPerPage + 1 }} ~
         {{ (index + 1) * lengthPerPage + 1 > readingGallery.images.length ? readingGallery.images.length : (index + 1) * lengthPerPage }}
       </div>
     </template>
     <el-scrollbar height="75vh" ref="onlineReadingScrollbar">
-      <el-image v-for="(link, i) in links" :src="link" :style="{'width': 'auto', 'text-align': 'center', 'background-color': 'ghostwhite'}"
-                :preview-src-list="links" :initial-index="i" @switch="switch_page" @show="set_current_page(i)" loading="lazy"/>
+      <div v-for="(link, i) in links" style="display: inline-block; text-align: center">
+        <el-image  :src="link" :style="{'width': 'auto', 'text-align': 'center', 'background-color': 'ghostwhite'}"
+                  :preview-src-list="links" :initial-index="i" @switch="switch_page" @show="set_current_page(i)" loading="lazy"/> <br>
+        {{lengthPerPage * index + i + 1}}
+      </div>
+
     </el-scrollbar>
 
     <!--五页以下-->