vue3中使用lottie-web加载动画

1.安装
npm install lottie-web --save
2.引入lottie-web和JSON文件

import lottie from "lottie-web";
import LoadingJson from "@/assets/json/loading.json";

3.创建实例并开始播放

  const jsonAnimation = lottie.loadAnimation({
    container: document.querySelector("#result_loading") as Element,  //进行播放的元素
    renderer: "svg",
    loop: true,  //循环播放
    autoplay: true,  //自动播放
    animationData: LoadingJson,  //要播放的文件
  });
  jsonAnimation.play();

4.注销
jsonAnimation.destroy();

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容