1.0.9 • Published 4 years ago
hlgx-count-in v1.0.9
npm install hlgx-count-in
or
yarn add hlgx-count-in
or
cnpm install hlgx-count-in示例
<template>
<countIn :startVal='startVal' :endVal='endVal' :duration='3000'></countIn>
</template>
<script>
import countIn from 'hlgx-count-in';
export default {
components: { countIn },
data () {
return {
startVal: 0,
endVal: 500
}
}
}
</script>Options
| Property | Description | type | default |
|---|---|---|---|
| startVal | 起始值 | Number | 0 |
| endVal | 结束值 | Number | 2017 |
| duration | 以毫秒为单位的持续时间 | Number | 3000 |
| autoplay | 是否自动播放 | Boolean | true |
| decimals | 显示的小数位数 | Number | 0 |
| decimal | 分割小数符号 | String | . |
| separator | 分隔符 | String | , |
| prefix | 前缀 | String | '' |
| suffix | 后缀 | String | '' |
| useEasing | 开启缓动动画 | Boolean | true |
| easingFn | 缓动函数 | Function | — |