eae8b9291e
Former-commit-id: d5c2b85bf62d6c02743adad20c6de71ae556a82d [formerly d5c2b85bf62d6c02743adad20c6de71ae556a82d [formerly d5c2b85bf62d6c02743adad20c6de71ae556a82d [formerly d5c2b85bf62d6c02743adad20c6de71ae556a82d [formerly 074099c4c153f024958d3fda5cf710028e03d10a [formerly e73af225c96eb997a86122fc729dfadcdf846a4e]]]]] Former-commit-id: d84a01a4aca85cd9e3891825ac7a152e12280d4e Former-commit-id: 0412c82e909316b780fdd364ecabc78166c7cc0a Former-commit-id: 9e648fdbc93f347265fed8bb56948adda020e1c9 [formerly 8b530e6e6979a9c25832339725619d9d0c8ce76f] Former-commit-id: c12a2ae03243dd387e8c1d6496d6b3bb4148e149 Former-commit-id: 704f81678c7570f204cbe089e7497055c27e1328 Former-commit-id: 3879c040dcf291ef0f44745a5e791b360cde0f40 Former-commit-id: 0871c460804ea97eadf60bf3f0eaa8e147f3fb66 Former-commit-id: 188dd73a6cf49ecbf4cdedce1933f5a856c72b6f
29 lines
788 B
Markdown
29 lines
788 B
Markdown
# 数字动画
|
|
|
|
## 参数
|
|
|
|
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
|
|
| --- | --- | --- | --- | --- | --- |
|
|
| start | 起始值 | 非 | Number | | 0 |
|
|
| end | 结束值 | 是 | Number | | 0 |
|
|
| decimals | 小数位数 | 非 | Number | | 0 |
|
|
| duration | 持续时间 | 非 | Number | | 2 |
|
|
| options | 设置项 | 非 | Object | | 空对象 |
|
|
| callback | 回调函数 | 非 | Function | | 空函数 |
|
|
|
|
## 示例
|
|
|
|
``` vue
|
|
// 基本使用方法
|
|
<d2-count-up :end="100"/>
|
|
|
|
// 设置始末值
|
|
<d2-count-up :start="14" :end="100"/>
|
|
|
|
// 设置动画时间
|
|
<d2-count-up :end="100" :decimals="2"/>
|
|
```
|
|
|
|
组件会在页面上渲染 `<span>` 标签
|
|
|
|
组件根据 [countUp.js](https://github.com/inorganik/countUp.js) 封装，`options` 参数详见原始插件文档 |