From e0ec08c8741322dbd837f8f89270a56132bffcb1 Mon Sep 17 00:00:00 2001
From: chuzhongzai <njy1822574439@outlook.com>
Date: Thu, 28 Dec 2023 10:58:34 +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 27381c0..209e795 100644
--- a/src/components/OnlineReader.vue
+++ b/src/components/OnlineReader.vue
@@ -78,16 +78,21 @@ function set_current_page(page){
 <template>
   <el-dialog v-model="isShowUp" width="90%"  style="margin-top: 0; margin-bottom: 0; padding: 0" @close="closeDialog">
     <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': store.state.imageWidth, 'padding-right': store.state.imagePadding, 'background-color': 'gary'}"
-                :preview-src-list="links" :initial-index="i" @switch="switch_page" @show="set_current_page(i)" loading="lazy">
-      </el-image>
+      <div v-for="(link, i) in links" style="display: inline-block; text-align: center">
+        <el-image :src="link" :style="{'width': store.state.imageWidth, 'padding-right': store.state.imagePadding, 'background-color': 'gary'}"
+                  :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>
 
 <!--    十页以下-->