在uniapp中想实现一些动画/动效，比较常规的就是用gif或者css动画实现，如果想实现一些顺滑且酷炫的动效，那么就可以用lottie动效。

第一步，获取lottie动效文件。

①可以访问lottiefiles.com获取动效，免费的也挺多的，然后进行编辑，然后生成json文件。

②可以在ai进行动效制作，然后安装扩展【bodymovin】，导出json文件。

我是使用svg文件导入到ae中，再进行动画的制作，所以用到了一个【svg2ae】扩展。打开扩展，将svg文件拉进弹出框内，即可导入到当前工程中。制作完成后，通过bodymovin，再导出json文件。

第二步，在uniapp中安装lottie-web依赖。

npm install lottie-web 或者  yarn add lottie-web

第三步，安装相关组件

在插件市场试了很多个，在app上一直有问题，也试了官方出的 animation-view 组件，结果一直卡在自定义基座的问题上，又去安装了安卓的sdk和gradle脚本，还是报错，最后试到了这个组件，不需要使用自定义基座就能在app上运行lottie动效： c-lottie。

注意：动效json文件需要使用线上地址，如果用本地地址，会重复2个动画（这个bug搞了半天才找到问题）