vue-lottie使用Json动图

最新推荐文章于 2024-06-17 18:09:32 发布

半城繁华半城殇

最新推荐文章于 2024-06-17 18:09:32 发布

阅读量818

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_44237806/article/details/124250351

版权

vue.js javascript css html

前端专栏收录该内容

11 篇文章 1 订阅

订阅专栏

<lottie :options="defaultOptions4" />

 defaultOptions4: {
        container: document.getElementById("lottie"),
        animationData: animationData4.default,
        autoplay: true,
        render: "html"
      },

import * as animationData4 from "@/assets/animationJson/btbj1/data.json"

animationData4.assets.forEach((item, index) => {
      item.u = ""
      if (item.w && item.h) {
        item.p = require(`@/assets/animationJson/btbj1/images/img_${index}.png`)
      }
    })