react数字动画:rc-tween-one动画库的使用

安装:

  npm i rc-tween-one

引入:

import TweenOne from 'rc-tween-one'
import Children from 'rc-tween-one/lib/plugin/ChildrenPlugin'
TweenOne.plugins.push(Children)

使用:

        <TweenOne
          className={styles.allNum}
          animation={{ Children: { value: 100, floatLength: 0, formatMoney: true }, duration: 500 }}
        >
          0
        </TweenOne>

 

posted @ 2022-02-09 17:32  吴小明-  阅读(972)  评论(0编辑  收藏  举报