wuliu_sy/uni_modules/hx-lottie/readme.md

1.5 KiB
Raw Blame History

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
      ...