Skip to content

jarjune/vue-number-scroll

Repository files navigation

点个star可好(*╹▽╹*)

效果

在线演示

效果图

源码

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

安装

	npm install --save vue-number-scroll

引入

	import vns from 'vue-number-scroll'

使用

	<vns :start="0" :end="99" :times="10" :speed="50"/>

参数

参数名 默认值 备注
speed 50 跳转的间隔时间
times 10 从开始到结束,变换的次数
start 0 起始数值
end 0 目标达到的数值

例子

	排名:<vns :start="0" :end="99" :speed="80" :times="20" :format="num => '' + num + ''"/>
	金额:<vns :start="0" :end="18299.5" :speed="80" :times="10" :format="num => num + '元'"/>

Releases

No releases published

Packages

No packages published