fix bug

.idea/deployment.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PublishConfigData" serverName="文件安全">
+    <serverData>
+      <paths name="文件安全">
+        <serverdata>
+          <mappings>
+            <mapping deploy="/var/www/safe-dd/h5" local="$PROJECT_DIR$/dist" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
+    </serverData>
+  </component>
+</project>

.idea/sshConfigs.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="SshConfigs">
+    <configs>
+      <sshConfig authType="PASSWORD" host="192.168.1.202" id="51e8f9de-179c-4719-a1d5-e8279f342678" port="22" nameFormat="DESCRIPTIVE" username="root" />
+    </configs>
+  </component>
+</project>

.idea/webServers.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="WebServers">
+    <option name="servers">
+      <webServer id="d801accf-e042-4868-b1b7-126e68e5f7c5" name="文件安全">
+        <fileTransfer accessType="SFTP" host="192.168.1.202" port="22" sshConfigId="51e8f9de-179c-4719-a1d5-e8279f342678" sshConfig="root@192.168.1.202:22 password">
+          <advancedOptions>
+            <advancedOptions dataProtectionLevel="Private" passiveMode="true" shareSSLContext="true" />
+          </advancedOptions>
+        </fileTransfer>
+      </webServer>
+    </option>
+  </component>
+</project>

src/views/multiPage/index.vue

@@ -1,23 +1,28 @@
 <template>
-  <div class="page" @touchstart.prevent='imgTouchStart($event, index)'>
+  <div class="page" >
     <Loading :loading="loading" />
     <div v-show="!loading">
-      <van-image-preview class="preview" v-model="vshowList" :images="detailData.imageFiles" :start-position='0' @change="onChange"
-                         @scale='onScale' @close='onClose' ref='imagePreview'>
-        <template v-slot:index>
-          <div>
-            第{{curPage}}页
-          </div>
-        </template>
-        <template v-slot:cover v-if="showBottom">
-          <div class="pdf-cover-bottom">
-            <input class="pdf-barinputL" ref='pdfInput' type="number" id="spinner_amount" :value="curPage"
-                   @input="pdfInput" />
-            <!-- oninput="" -->
-            <div class="pdf-barinputR">/{{ detailData.imageFiles.length}}</div>
-          </div>
-        </template>
-      </van-image-preview>
+      <div @touchstart.prevent='imgTouchStart($event, index)' style="z-index: -1;">
+        <van-image-preview class="preview" v-model="vshowList" :images="detailData.imageFiles" :start-position='0' @change="onChange"
+                           @scale='onScale' @close='onClose' ref='imagePreview' >
+          <template v-slot:index>
+            <div>
+              第{{curPage}}页v7
+            </div>
+          </template>
+
+        </van-image-preview>
+      </div>
+
+      <template v-if="showBottom">
+        <div class="pdf-cover-bottom">
+          <input class="pdf-barinputL" ref='pdfInput' type="number" id="spinner_amount" :value="curPage"
+                 @input="pdfInput" />
+          <!-- oninput="" -->
+          <div class="pdf-barinputR">/{{ detailData.imageFiles.length}}</div>
+        </div>
+      </template>
+
       <div v-show="!vshowList" class="jurisdiction">
         <van-image :src="require('../../../static/images/icon_jurisdiction.png')" />
         <div>{{nomessage}}</div>
@@ -247,11 +252,14 @@ export default {
   left: 0;
   right: 0;
   background: #fff;
+  width:100%;
+  height: 50px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   padding: 20px 10px;
+  z-index: 99999;
 }
 
 .pdf-barinputL {