Files
mes-ui-d2/static/markdownFiles/article/组件 - 数字动画.md
李杨 5113b750c3 no message
Former-commit-id: 4d71c0747212330786a5320505513f42c9479a6b
Former-commit-id: e22d971cf96af169faa9395289d4472a8dd20b3f
Former-commit-id: 9dc592e7dc3435d6f1671f4bcc250dd5d77308d5
2018-02-16 21:52:30 +08:00

28 lines
784 B
Markdown

## 参数
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
| --- | --- | --- | --- | --- | --- |
| start | 起始值 | 非 | Number | | 0 |
| end | 结束值 | 是 | Number | | 0 |
| decimals | 小数位数 | 非 | Number | | 0 |
| duration | 持续时间 | 非 | Number | | 2 |
| options | 设置项 | 非 | Object | | 空对象 |
| callback | 回调函数 | 非 | Function | | 空函数 |
## 示例
```
// 基本使用方法
<CountUp :end="100"></CountUp>
// 设置始末值
<CountUp :start="14" :end="100"></CountUp>
// 设置动画时间
<CountUp :end="100" :decimals="2"></CountUp>
```
组件会在页面上渲染 `<span>` 标签
组件根据 [countUp.js](https://github.com/inorganik/countUp.js) 封装,`options` 参数详见原始插件文档