1ef066f47d
Former-commit-id: dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly dd4c302e448f871376ab1298240b44aa3d3e1643 [formerly 8bbdd72ba63cd9161b2b2e51826b8813e8c9fffc [formerly e7d3090ad5a6f6801b32d0abce9a4e9291fcc0e7]]]]] Former-commit-id: 1be4f8ac464528598b8a52649c107686d01c08d8 Former-commit-id: 7317640b0da3a039d8ca5b6457c1263fc1261272 Former-commit-id: 29d4f7df0be48866f4309a012d38e008e1725438 [formerly 9ee9681b4a3200cc3b344673e83d9f5e4343f07a] Former-commit-id: fddc0694f8fbf921142069e11ff694ea218fa0d9 Former-commit-id: 92059d07f780aa09aaff77faf9bc41a8bd6269f0 Former-commit-id: aef5ddaf56545324913a9b425e7f8b7c3ed45518 Former-commit-id: 279be73fde5a48ddc78a258a2ea55a3b0d64fe2b Former-commit-id: b970cb8f0bbe694a3bf733e726f8c833a1f3f511
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` 参数详见原始插件文档 |