Skip to content

H
hls-easy-ui
Commit 0527a398 authored by nature's avatar nature
Browse files
Options

图片预览原图

parent ec028656
Hide whitespace changes
Inline Side-by-side
Showing with 11 additions and 11 deletions
packages/components/ShowPicture/showpicture.vue
View file @ 0527a398
...@@ -27,8 +27,8 @@ ...@@ -27,8 +27,8 @@
</div> </div>
<div v-if="imgList.length" class="indicators">{{ startPosition + 1 }}/{{ imgList.length }}</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 v-show="showDownload" class="img-origin" @click="showOriginPic(imgOriginalUrl,startPosition)">
<div class="word">{{ word }}</div> <div class="show-picture-original">{{ word }}</div>
<div v-show="percent" :style="{width:percent+'%'}" class="progress"/> <div v-show="percent" :style="{width:percent+'%',top:0}" class="show-picture-progress"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -126,13 +126,13 @@ ...@@ -126,13 +126,13 @@
border-radius: 12px; border-radius: 12px;
min-height: 24px; min-height: 24px;
min-width: 100px; min-width: 100px;
.word { .show-picture-original {
position: absolute; //position: absolute;
padding: 6px 10px; padding: 6px 10px;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.progress{ .show-picture-progress{
position: absolute; position: absolute;
height: 100%; height: 100%;
background-color: rgba(255,255,255,.4); background-color: rgba(255,255,255,.4);
......
src/pages/hlsPopup.vue
View file @ 0527a398
...@@ -298,16 +298,16 @@ export default { ...@@ -298,16 +298,16 @@ export default {
imgList: [ imgList: [
{imgUrl: 'http://hlsapp.hand-china.com/hls_file/2018/05/F1B6D85E409A4714A8540504B2D133AD', {imgUrl: 'http://hlsapp.hand-china.com/hls_file/2018/05/F1B6D85E409A4714A8540504B2D133AD',
// imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png', imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png',
// imgSize: 2982604, imgSize: 2982604,
}, },
{imgUrl: 'http://hlsapp.hand-china.com/hls_file/2018/05/F1B6D85E409A4714A8540504B2D133AD', {imgUrl: 'http://hlsapp.hand-china.com/hls_file/2018/05/F1B6D85E409A4714A8540504B2D133AD',
// imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png', imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png',
// imgSize: 2282604, imgSize: 228260487,
}, },
{imgUrl: 'http://hlsapp.hand-china.com/hls_file/2018/05/F1B6D85E409A4714A8540504B2D133AD', {imgUrl: 'http://hlsapp.hand-china.com/hls_file/2018/05/F1B6D85E409A4714A8540504B2D133AD',
// imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png', imgOriginalUrl: 'http://hlsapp.hand-china.com/file/orign.png',
// imgSize: 3282604, imgSize: 328260412341,
}, },
], ],
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment