JAVA高级面试进阶训练营视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万大数据入门到精通学习路线	年薪50万机器学习入门到精通教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

查看: 676|回复: 0

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

[复制链接]

admin

TA的每日心情

	奋斗 4 天前

签到天数: 789 天

[LV.10]以坛为家III

2049 主题	2107 帖子	72万积分

管理员

Rank: 9 Rank: 9 Rank: 9

积分: 722638

发消息

发表于 2021-6-17 04:52:55 | 显示全部楼层 |阅读模式

本站已经为数万IT学习者服务超过8年！成为本站VIP会员，免金币下载本站10000G+VIP会员资料！所有VIP资料>>

效果

效果图

源码

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 + '元'"/>

哎...今天够累的，签到来了1...

使用道具举报

返回列表

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶训练营视频教程

Java架构师系统进阶VIP课程

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

效果

源码

安装

引入

使用

参数

例子