vue-number-running ----------数字滚动插件

数字滚动插件有很多，可能你也想要下面这样子的：

可以使用vue-number-running这款插件

安装依赖

npm install vue-number-running

或者

cnpm ...  yarn ...

引入

打开main.js

import NumberRunning from 'vue-number-running'
import "vue-number-running/lib/number-running.css"
Vue.use(NumberRunning)

组件使用

<number-running :num="1588" />

或者

<number-running :num="1588">
...自定义内容
</number-running>

可配置参数

属性	描述	类型	默认值
num	数值	Number	0
showSeparator	是否显示分隔符，默认用逗号分割千位	Boolean	true
fontSize	文字大小	String	‘20px’
unitWidth	每个数字的宽度	String	‘16px’
time	动画时间	Number	1