CountUp组件(一个动态数字变化组件)

count-up-es-react

yarn add count-up-es-react 
// or
npm i count-up-es-react 

该组件是一个在指定时间内,从一个数字动态变化到另一个数字,动画类型丰富,涵盖了非常多的easing动画算法,值得推荐使用,特别适合开发大屏使用。
demo图片示例:


C.gif

搭配自定义字体使用:


A.gif

*** 动图掉帧情况看着效果不好,实际动画很平滑

简单例子

import { CountUp } from 'count-up-es-react';

const MyComponent = () => (
  
);

自定义渲染(搭配antd组件使用)

       {
          return (
            <>
              }
              />
            
          );
        }}
      />

你可能感兴趣的:(CountUp组件(一个动态数字变化组件))