1. 安装
npm i --save vue-lottie
2. main.js 中引入
import Lottie from 'vue-lottie';
Vue.component('lottie',Lottie);
3. 下载lottie动画素材
下载lottie动画json文件放入vue的assets文件夹中(Lottie动画库)
注意:如果动画运行多次出现卡顿,可能是动画素材的问题,换一个小一点,内容简单的即可
npm i --save vue-lottie
import Lottie from 'vue-lottie';
Vue.component('lottie',Lottie);
下载lottie动画json文件放入vue的assets文件夹中(Lottie动画库)
注意:如果动画运行多次出现卡顿,可能是动画素材的问题,换一个小一点,内容简单的即可