【vue-number-scroll】数字逐渐增加或者减少的滚动解决方案

【vue-number-scroll】数字逐渐增加或者减少的滚动解决方案

效果

源码

https://github.com/jarjune/vue-number-scroll

安装

    npm install --save vue-number-scroll

引入

    import vns from 'vue-number-scroll'

使用

    <vns startNum="0" endNum="99" times="10" speed="50"/>

参数

参数名	默认值	备注
speed	50	跳转的间隔时间(毫秒)
times	10	从开始到结束，变换的次数
startNum	0	起始数值
endNum	0	目标达到的数值

例子

    排名：<vns startNum="0" endNum="99" speed="80" times="20"/>
    金额：<vns startNum="0" endNum="18299.5" speed="80" times="10"/>

posted @ 2018-12-24 11:43 jarjune 阅读( ...) 评论( ...) 编辑 收藏