引用本地动画json 报错

今生是个前端狗
- 发布:2022-05-14 19:50
- 更新:2022-11-11 13:48
- 阅读:753

可以参考我的解决方式:
import * as animationData from "../../static/data.json";
...
export default {
computed: {
options() {
return {
renderer: 'svg',
data: animationData.default
}
}
}
}
renderer
参数设置为svg
方式.hx-lottie
中默认的是canvas
html中的代码如下
<hx-lottie :options="options" ref="lottie" />
- 这样就可以看到本地的动画了
- 但是有新的问题出现,运行起来后会出现两个动画
- 然后使用css样式进行一下修饰.代码如下:
<hx-lottie style="overflow: hidden;" :options="options" ref="lottie"></hx-lottie>
2***@qq.com
感谢
2023-05-10 16:27