引用本地动画json 报错
今生是个前端狗
- 发布：2022-05-14 19:50
- 更新：2022-11-11 13:48
- 阅读：770
可以参考我的解决方式：
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