图片预览原图

packages/components/ShowPicture/showpicture.vue

@@ -27,8 +27,8 @@
       </div>
       <div v-if="imgList.length" class="indicators">{{ startPosition + 1 }}/{{ imgList.length }}</div>
       <div v-show="showDownload" class="img-origin" @click="showOriginPic(imgOriginalUrl,startPosition)">
-        <div class="word">{{ word }}</div>
-        <div v-show="percent" :style="{width:percent+'%'}" class="progress"/>
+        <div class="show-picture-original">{{ word }}</div>
+        <div v-show="percent" :style="{width:percent+'%',top:0}" class="show-picture-progress"/>
       </div>
     </div>
   </div>
@@ -126,13 +126,13 @@
       border-radius: 12px;
       min-height: 24px;
       min-width: 100px;
-      .word {
-        position: absolute;
+      .show-picture-original {
+        //position: absolute;
         padding: 6px 10px;
         width: 100%;
         text-align: center;
       }
-      .progress{
+      .show-picture-progress{
         position: absolute;
         height: 100%;
         background-color: rgba(255,255,255,.4);

src/pages/hlsPopup.vue

@@ -298,16 +298,16 @@ export default {
 
       imgList: [
         {imgUrl: 'http://hlsapp.hand-china.com/hls_file/2018/05/F1B6D85E409A4714A8540504B2D133AD',
-          // imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png',
-          // imgSize: 2982604,
+           imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png',
+           imgSize: 2982604,
         },
         {imgUrl: 'http://hlsapp.hand-china.com/hls_file/2018/05/F1B6D85E409A4714A8540504B2D133AD',
-          // imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png',
-          // imgSize: 2282604,
+           imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png',
+           imgSize: 228260487,
         },
         {imgUrl: 'http://hlsapp.hand-china.com/hls_file/2018/05/F1B6D85E409A4714A8540504B2D133AD',
-          // imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png',
-          // imgSize: 3282604,
+           imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png',
+           imgSize: 328260412341,
         },
       ],
     }