1、安装 npm install lottie-web -s
2、引入
import lottie from "lottie-web"; // 引入插件
import animationData from "@/assets/data.json"; // 引入json 数据
3、使用
html <view class="lottie"></view>
js
optAnimation() {
lottie.destroy();
this.$nextTick(() => {
let elem = document.querySelector(".lottie")
let params = {
container: elem,
renderer: "svg",
loop: true,
autoplay: true,
animationData: animationData,
};
lottie.loadAnimation(params);
});
},
4、遇到的问题
json 动画 中的图片不展示,如何解决 1、使用网络图片 2、图片转base64