vivo-ui
Version:
vivo ui component lib for vue
33 lines (25 loc) • 872 B
Markdown
# tween 缓动函数
> 支持Linear、Sine、Quad、Cubic、Quart、Quint、Expo、Circ、Back、Elastic、Bounce这几类,除了Linear外,其他几类都支持easeIn、easeOut、easeInOut类型。
[详情](https://easings.net/zh-cn)
## 使用方法
```
import { toolTween } from 'vivo-ui'
/*
* 缓动函数,其他的类型用法一样
* t: current time(当前时间);
* b: beginning value(初始值);
* c: change in value(变化量);
* d: duration(持续时间)。
*/
toolTween.Linear(t, b, c, d)
toolTween.Sine.easeIn(t, b, c, d)
toolTween.Sine.easeOut(t, b, c, d)
toolTween.Sine.easeInOut(t, b, c, d)
```
## 参数(所有缓动函数都一样)
名称|类型|必填|默认值|描述
:-:|:-:|:-:|:-:|:-:
t|`Number`|`Y`|`-`|当前时间
b|`Number`|`Y`|`-`|初始值
c|`Number`|`Y`|`-`|变化量
d|`Number`|`Y`|`-`|持续时间