Lottie.WMC
Lottie 小程序组件
介绍
Lottie 小程序的第三方组件项目,将小程序官方的 lottie-miniprogram 项目封装为组件,方便各位同学开发使用
安装
npm install --save @yanshouwang/lottie-wmc
使用
*.JSON:
{
"usingComponents":{
"lottie":"../../miniprogram_npm/@yanshouwang/lottie-wmc/lottie"
}
}
*.TS / *.JS
import xxx from "...";
Page({
data:{
xxx:xxx
}
});
*.WXML
<lottie data="{{xxx}}" />
或者
<lottie uri="..." />
属性:
参数名 | 类型 | 说明 |
---|---|---|
data | Object | 动画对象 |
uri | String | 网络地址 |
loop | Boolean | 循环播放 |
direction | Number | 播放方向 |
speed | Number | 播放速度 |
问题
- Lottie 小程序版的 destroy 方法会报错,导致对象无法销毁,多次渲染组件后会出现 BUG,待解决,详见:https://github.com/wechat-miniprogram/lottie-miniprogram/issues/1
- 由于存在 BUG 并出于界面和逻辑解耦的考虑,目前组件不支持加载动画后再次修改动画参数
- 目前本地文件只能使用模块导入之后数据绑定的方法进行加载,显然这会造成界面逻辑的耦合,但是暂未找到更好的解决方案,因此推荐采用网络地址进行加载
- 测试项目不可用,因为 lottie-miniprogram 项目测试时会报错
- 欢迎 PR 和 STAR :)