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>
 
 <!--    十页以下-->