更新记录

1.0.0(2022-04-15) 下载此版本

1.0.0


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.3.0 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
×

hx-lottie 使用说明

预览

L8dXn0.gif

L8wmND.gif

使用说明

  • 引入使用

      <!-- options 动画参数 -->
      <hx-lottie :options="options" ref="lottie">  
    
  • 参数说明

    属性值 参数说明
    loop 是否循环播放动画(Boolean 默认 true)
    autoplay 是否自动播放(Boolean 默认 true)
    data 动画数据(Object)
    path 动画网络路径 (String)
  • 方法说名 组件内方法统一使用 call(funName, args) 调用

    1. 使用示例

          // 播放动画
          this.$refs.lottie.call('play')
          // 暂停动画
          this.$refs.lottie.call('pause')
    2. 说明 方法与lottie-web 方法保持一致 详情可参考

      方法名 说明
      play 播放动画
      pause 暂停动画
      stop 停止动画
      setSpeed 设置动画速度,args = speed
      ...

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问