ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-21 03:11:15 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat(Swipe): add prev、next method (#5548)

Browse Source
This commit is contained in:
neverland
2020-01-10 17:51:34 +08:00
committed by GitHub
parent d023fda8cb
commit 2d6f633c7a
4 changed files with 59 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/swipe/index.js
View File

@@ -169,7 +169,6 @@ export default createComponent({
if (!this.touchable) return;
this.clear();
this.swiping = true;
this.touchStart(event);
this.correctPosition();
},
@@ -260,10 +259,37 @@ export default createComponent({
},
// @exposed-api
swipeTo(index, options = {}) {
this.swiping = true;
this.resetTouchStatus();
prev() {
this.correctPosition();
this.resetTouchStatus();
doubleRaf(() => {
this.swiping = false;
this.move({
pace: -1,
emitChange: true
});
});
},
// @exposed-api
next() {
this.correctPosition();
this.resetTouchStatus();
doubleRaf(() => {
this.swiping = false;
this.move({
pace: 1,
emitChange: true
});
});
},
// @exposed-api
swipeTo(index, options = {}) {
this.correctPosition();
this.resetTouchStatus();
doubleRaf(() => {
let targetIndex;
@@ -273,11 +299,6 @@ export default createComponent({
targetIndex = index % this.count;
}
this.move({
pace: targetIndex - this.active,
emitChange: true
});
if (options.immediate) {
doubleRaf(() => {
this.swiping = false;
@@ -285,10 +306,17 @@ export default createComponent({
} else {
this.swiping = false;
}
this.move({
pace: targetIndex - this.active,
emitChange: true
});
});
},
correctPosition() {
this.swiping = true;
if (this.active <= -1) {
this.move({ pace: this.count });
}
@@ -308,18 +336,8 @@ export default createComponent({
if (autoplay && this.count > 1) {
this.clear();
this.timer = setTimeout(() => {
this.swiping = true;
this.resetTouchStatus();
this.correctPosition();
doubleRaf(() => {
this.swiping = false;
this.move({
pace: 1,
emitChange: true
});
this.autoPlay();
});
this.next();
this.autoPlay();
}, autoplay);
}
},