blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-23 15:09:16 +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 // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_LIMIT_TIME` 且 move
// 距离大于 `MOMENTUM_LIMIT_DISTANCE` 时，执行惯性滑动，持续 `MOMENTUM_DURATION` // 距离大于 `MOMENTUM_LIMIT_DISTANCE` 时，执行惯性滑动，持续 `MOMENTUM_DURATION`
const MOMENTUM_DURATION = 1500; const MOMENTUM_DURATION = 1000;
const MOMENTUM_LIMIT_TIME = 300; const MOMENTUM_LIMIT_TIME = 300;
const MOMENTUM_LIMIT_DISTANCE = 15; const MOMENTUM_LIMIT_DISTANCE = 15;
@ -132,6 +132,7 @@ export default sfc({
this.moving = false; this.moving = false;
if (this.transitionEndTrigger) { if (this.transitionEndTrigger) {
this.duration = DEFAULT_DURATION;
this.transitionEndTrigger(); this.transitionEndTrigger();
this.transitionEndTrigger = null; this.transitionEndTrigger = null;
} }

2
packages/picker/index.less
View File

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