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

[improvement] Picker: optimize transition duration

Browse Source
This commit is contained in:
陈嘉涵 2019-05-28 16:58:17 +08:00
parent a1174002fc
commit c3333e09fb
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/picker/PickerColumn.js
View File

@ -8,7 +8,7 @@ const DEFAULT_DURATION = 200;
// 惯性滑动思路:
// 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_LIMIT_TIME` 且 move
// 距离大于 `MOMENTUM_LIMIT_DISTANCE` 时，执行惯性滑动，持续 `MOMENTUM_DURATION`
const MOMENTUM_DURATION = 1500;
const MOMENTUM_DURATION = 1000;
const MOMENTUM_LIMIT_TIME = 300;
const MOMENTUM_LIMIT_DISTANCE = 15;
@ -132,6 +132,7 @@ export default sfc({
this.moving = false;
if (this.transitionEndTrigger) {
this.duration = DEFAULT_DURATION;
this.transitionEndTrigger();
this.transitionEndTrigger = null;
}

2
packages/picker/index.less
View File

@ -81,7 +81,7 @@
text-align: center;
&__wrapper {
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);
}
&__item {