引用本地动画json 报错
![今生是个前端狗](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/000/67/76/16_avatar_mid.jpg?v=0)
今生是个前端狗
- 发布:2022-05-14 19:50
- 更新:2022-11-11 13:48
- 阅读:703
![DragonetZ](https://img-cdn-tc.dcloud.net.cn/account/identicon/baa78e13e06c9ec51dcc32d09bb47a40.png)
可以参考我的解决方式:
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