react实现滚动计数组件

效果就是设置初始值,滚动计数加到结束值,首先安装

npm install react-countup

安装完毕后引入

/* 滚动计数 */

import CountUp from 'react-countup';

其实就是一个react标准展示组件,用的时候在render里当成正常组件用即可,需要修改样式的话,组件本身是一个span标签,直接修改span样式即可。

<CountUp start={0} end={10000} />

 

start 初始值

end 结束值

某些时候可能需要展示的是后台传递给我们的数值,直接写在{}中即可,react基本写法,就不展示了。

展开阅读全文

没有更多推荐了,返回首页