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 | — |