0.6.4 • Published 5 years ago
lcx-count-up v0.6.4
lcx-count-up
它是一个vue组件，更有趣的方式显示数值数据的动画。
lcx-count-up 是一个无依赖，轻量级的vue组件。你可以设置start、end、duration等参数实现各种效果。它是从countUp.js学到的。
如何使用？
npm install lcx-count-upvue组件内使用
// 引入LcxCountUp
import LcxCountUp from 'lcx-count-up'
// 声明组件
components: {
LcxCountUp
}
// 然后就可以在组件中使用
<lcx-count-up :start="9" :end="99999" :duration='30' :options:'options'/>options 参数
| 属性 | 类型 | 描述 | 默认 |
|---|---|---|---|
| start | number | 从某个数值开始 | 0 |
| endVal | number | 想要达到数值 | 2019 |
| duration | number | 持续时间以秒为单位 | 2.5 |
| separator | boolean | 分隔符 | true |
| decimals | number | 要显示的小数位数 | 0 |
| prefix | string | 前缀 | none |
| suffix | string | 后缀 | none |
| useEasing | 布尔 | 使用缓和功能 | true |
| numerals | string[] | 替换名称 | 0 - 9 |