数字跳动效果

数字跳动效果_第1张图片
count.gif

动画利用requestAnimationFrame实现,有个很好用的npm包:raf
目前该组件只支持整数型的数字展示,可配置属性主要有:

duration:默认值500,表示每次数字变化时的动效
thousandType: boolean类型,true表示数字显示千分位类型
value:整数型,需要展示的数字

[demo展示中心]:https://yomonah.github.io/project/app.html#/count_number
[源码]:https://github.com/yomonah/react-demo/tree/master/src/components/count_num

你可能感兴趣的