ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-12-21 01:07:46 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[Improvement] add touch mixin (#869)

Browse Source
This commit is contained in:
neverland
2018-04-13 15:26:41 +08:00
committed by GitHub
parent 7285632c35
commit bd80fe4e05
7 changed files with 66 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/pull-refresh/index.vue
View File

@@ -31,10 +31,13 @@
<script>
import create from '../utils/create';
import scrollUtils from '../utils/scroll';
import Touch from '../mixins/touch';
export default create({
name: 'pull-refresh',
mixins: [Touch],
props: {
pullingText: String,
loosingText: String,
@@ -88,8 +91,7 @@ export default create({
}
if (this.getCeiling()) {
this.duration = 0;
this.startX = event.touches[0].clientX;
this.startY = event.touches[0].clientY;
this.touchStart(event);
}
},
@@ -98,8 +100,7 @@ export default create({
return;
}
this.deltaY = event.touches[0].clientY - this.startY;
this.direction = this.getDirection(event.touches[0]);
this.touchMove(event);
if (!this.ceiling && this.getCeiling()) {
this.duration = 0;
@@ -157,12 +158,6 @@ export default create({
if (status !== this.status) {
this.status = status;
}
},
getDirection(touch) {
const distanceX = Math.abs(touch.clientX - this.startX);
const distanceY = Math.abs(touch.clientY - this.startY);
return distanceX > distanceY ? 'horizontal' : distanceX < distanceY ? 'vertical' : '';
}
}
});