vue-running-number
v2.0.2
Published
基于vue的滚动数字插件
Downloads
33
Maintainers
Readme
基于vue的滚动数字插件
当前版本:v2.0.2
优点:支持正数、小数、负数,任意三者间切换滚动;
只需要传入一个数字,会自动和上次入参数字对比滚
动,首次输入和0对比;使用简单,滚动顺畅,性能
超好,体验极佳!
安装
# 安装项目依赖包
npm install vue-running-number -S
使用
1.全局使用
import VueRunningNumber from 'vue-running-number';//插件导入
Vue.use(VueRunningNumber);//全局注册
<VueRunningNumber
:duration="2000"
:is-split="true"
:in-number="number"
:width-scale="1"
style="color: darkgreen;"></VueRunningNumber>
2.局部使用
import VueRunningNumber from 'vue-running-number';//插件导入
<VueRunningNumber
:duration="2000"
:is-split="true"
:in-number="number"
:width-scale="1"
style="color: darkgreen;"></VueRunningNumber>
参数说明
in-number: 当前输入数字(type:Number, defalt: 0)
size: 数字尺寸(type:Number, defalt: 40)
duration: 滚动动画执行时间(type:Number, defalt: 2000)
width-scale: 数字宽度缩放比,主要用于调整数字间隙(type:Number, defalt: 1)
is-split: 是否使用逗号千位分割数字(type:Boolean, defalt: false)