vue/react滚动数字npm

作者: MJ 分类: react,vue 发布时间: 2020-06-21 15:59

业务中需要用到滚动数字,找了一些库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]

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注