当前位置: 首页 > Web前端 > vue.js

lottie动画的使用

时间:2023-04-01 01:53:30 vue.js

installlottienpminstalllottie-webreferenceimportlottiefrom'lottie-web';从'../component/js/data.json'初始化lottieimport数据;//引入json数据this.lottie=lottie.loadAnimation({container:document.getElementById('bm'),renderer:'svg',//渲染方法svg,canvasloop:false,autoplay:false,animationData:data});*当前工具不支持导入json需要添加配置resolve:{extensions:['.json']},module:{loaders:[{test:/\.json$/,loader:'json-loader'}]}图片资源p:图片路径-修改为网络图片地址,删除'u'的参数"assets":[{{"id":"image_0","w":207,"h":90,“p”:“http://chuangshicdn。mpres.51vv.com/v_block/c38e245a2c2c26cc006384bbbb87e56966f34.png,”":90,"u":"images/","p":"img_1.png","e":0}]