关于vue使用动画依赖"animejs"操作动画

官网 animejs.com/

在需要的组件内引入

import anime from "animejs";

使用参照 animejs.com/documentati…

常用

anime({
        targets: `.${对应的class}`,//元素选择
        left: number,
        top: number,
        opacity: 1,
        duration: number,//持续时间
        delay: number,
        //完成回调
        complete: () => {
          anime({
            targets: `.${对应的class}`,
            ],
            direction: "alternate",//alternate往复一次   reverse 反向  normal 正常方向
            loop: true,  
            easing: "easeInOutSine",
            duration: number,
            //更新回调 随动画执行不断执行
            update: ev => {
             
            }
          });
        },
      });