vue/react滚动数字npm
业务中需要用到滚动数字,找了一些库jq比较多,还有数字是从0到9的滚动,比较出名的是countUp.js,而我自己想要的是数字上下滚动,就自己动手写了一下,效果如下:

npm下载地址:
vue版:count-up-number
react版:count-up-react
原理参考,用css3动画根据数字的高度做滚动,其中react版本用hooks重构了一下。
api
number(必填)
滚动数字 [Number]
symbol
千位分隔符 不显示(默认) [String]
scrollTime
数字滚动时间(默认 1000,毫秒) [Number]
className
自定义样式 class [String]
initStatus
初始化是否滚动(默认 true) [Boolean]
itemHeight
数字滚动高度(默认 20px) [Boolean]
欢迎关注小程序,感谢您的支持!