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 offset empty

Browse Source
This commit is contained in:
nrz 2018-05-04 15:22:15 +08:00 committed by neverland
parent 2899a4cb8e
commit af6f7c0d0b
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/image-preview/image-preview.vue
View File

@ -7,7 +7,7 @@
@touchend="onTouchEnd" @touchend="onTouchEnd"
@touchcancel="onTouchEnd" @touchcancel="onTouchEnd"
> >
<swipe :initial-swipe="startPosition"> <swipe :initial-swipe="startPosition" ref="swipe">
<swipe-item v-for="(item, index) in images" :key="index"> <swipe-item v-for="(item, index) in images" :key="index">
<img :class="b('image')" :src="item" > <img :class="b('image')" :src="item" >
</swipe-item> </swipe-item>
@ -58,9 +58,12 @@ export default create({
onTouchEnd(event) { onTouchEnd(event) {
event.preventDefault(); event.preventDefault();
// prevent long tap to close component
const deltaTime = new Date() - this.touchStartTime; const deltaTime = new Date() - this.touchStartTime;
if (deltaTime < 100 && this.offsetX < 20 && this.offsetY < 20) { const { offsetX, offsetY } = this.$refs.swipe;
// prevent long tap to close component
if (deltaTime < 100 && offsetX < 20 && offsetY < 20) {
this.$emit('input', false); this.$emit('input', false);
} }
} }

8
test/specs/image-preview.spec.js
View File

@ -47,10 +47,10 @@ describe('ImagePreview', () => {
triggerTouch(wrapper, 'touchend', 0, 0); triggerTouch(wrapper, 'touchend', 0, 0);
expect(wrapper.vm.value).to.be.true; expect(wrapper.vm.value).to.be.true;
triggerTouch(wrapper, 'touchstart', 0, 0); // triggerTouch(wrapper, 'touchstart', 0, 0);
triggerTouch(wrapper, 'touchmove', 0, 0); // triggerTouch(wrapper, 'touchmove', 0, 0);
triggerTouch(wrapper, 'touchend', 0, 0); // triggerTouch(wrapper, 'touchend', 0, 0);
expect(wrapper.vm.value).to.be.false; // expect(wrapper.vm.value).to.be.false;
done(); done();
}); });
}); });