微信小程序—如何使用动画加载神器Lottie

Lottie是什么？

可以简单理解为不管是Android、还是IOS或者是h5、小程序都能通过它去加载同一动画文件，然后实现相同效果。

当然它也需要化身成各个平台的版本，今天介绍的就是小程序版本的Lottie

Lottie小程序效果

Lottie体验

Lottie安装到小程序

通过npm安装
1、根目录下打开终端输入

npm install --save lottie-miniprogram

2、接着输入

npm init

一直回车下去，直至执行完毕

3、打开微信开发者工具：工具>构建npm

Lottie小程序代码

js

const app = getApp()
import lottie from 'lottie-miniprogram'
Page({
   
   
  data: {
   
   
    lottiePath:""
  },
  onLoad: function () {
   
   
    wx.getSystemInfo({
   
   
      success: function(res) {
   
   
        console.