Vue中使用lottie动画加载json文件
// 引入动图json
import * as animationData from '../../../../assets/json/icon_loading_mirror.json'
<lottie :options="defaultOptions" :height="100" :width="100" />
export default{
...
components:{
lottie
}
...
}
data() {
return {
defaultOptions: {
animationData: animationData,
renderer: 'svg', //渲染方式，svg、canvas、html（轻量版仅svg渲染）
loop: true, //是否循环播放，true表示循环，false表示不循环
autoplay: true, //是否自动播放，true表示自动播放}
},
}
},