blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[bugfix] ImagePreview: Image beyond the screen height cover index (#4002)

Browse Source
This commit is contained in:
Jake 2019-07-30 14:59:57 +08:00 committed by neverland
parent a791e1e971
commit 234e64238e
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/image-preview/ImagePreview.js
View File

@ -310,8 +310,8 @@ export default createComponent({
onTouchend={this.onWrapperTouchEnd}
onTouchcancel={this.onWrapperTouchEnd}
>
{Index}
{Images}
{Index}
</div>
</transition>
);

8
src/image-preview/test/__snapshots__/index.spec.js.snap
View File

@ -2,16 +2,15 @@
exports[`index slot 1`] = `
<div class="van-image-preview" name="van-fade">
<div class="van-image-preview__index">Custom Index</div>
<div class="van-swipe">
<div class="van-swipe__track" style="width: 0px; transition-duration: 0ms; transform: translateX(0px);"></div>
</div>
<div class="van-image-preview__index">Custom Index</div>
</div>
`;
exports[`lazy-load prop 1`] = `
<div class="van-image-preview" name="van-fade">
<div class="van-image-preview__index">1/3</div>
<div class="van-swipe">
<div class="van-swipe__track" style="width: 0px; transition-duration: 0ms; transform: translateX(0px);">
<div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img class="van-image-preview__image" style="transition: .3s all;"></div>
@ -19,12 +18,12 @@ exports[`lazy-load prop 1`] = `
<div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img class="van-image-preview__image"></div>
</div>
</div>
<div class="van-image-preview__index">1/3</div>
</div>
`;
exports[`render image 1`] = `
<div class="van-image-preview" name="van-fade">
<div class="van-image-preview__index">1/3</div>
<div class="van-swipe">
<div class="van-swipe__track" style="width: 0px; transition-duration: 500ms; transform: translateX(0px);">
<div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/1.png" class="van-image-preview__image" style="transition: .3s all;"></div>
@ -32,12 +31,12 @@ exports[`render image 1`] = `
<div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/3.png" class="van-image-preview__image"></div>
</div>
</div>
<div class="van-image-preview__index">1/3</div>
</div>
`;
exports[`zoom 1`] = `
<div class="van-image-preview" name="van-fade">
<div class="van-image-preview__index">1/3</div>
<div class="van-swipe">
<div class="van-swipe__track" style="transition-duration: 500ms; width: 0px; transform: translateX(0px);">
<div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/1.png" class="van-image-preview__image" style="transform: scale3d(2, 2, 1) translate(0px, NaNpx);"></div>
@ -45,5 +44,6 @@ exports[`zoom 1`] = `
<div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/3.png" class="van-image-preview__image"></div>
</div>
</div>
<div class="van-image-preview__index">1/3</div>
</div>
`;

10
src/uploader/test/__snapshots__/index.spec.js.snap
View File

@ -5,11 +5,6 @@ exports[`click to preview image 1`] = `
class="van-image-preview"
name="van-fade"
>
<div
class="van-image-preview__index"
>
1/2
</div>
<div
class="van-swipe"
>
@ -38,6 +33,11 @@ exports[`click to preview image 1`] = `
</div>
</div>
</div>
<div
class="van-image-preview__index"
>
1/2
</div>
</div>
`;