Component 拓展

callback 参数的数据格式

{
  // 状态码。0表示操作成功，-1表示操作失败
  status: 0,
  // 错误描述信息
  error: '错误描述信息',
  // 返回的数据
  data: {}
}

wb-lottie

Lottie动画，终于不用苦逼的写动画了！

引用方式

<wb-lottie class="happyBirthday" :sourceJson=sourceJson ref="lottie"></wb-lottie>

props

• sourceJson: String 设计师给你的动画json字符串
• sourceUrl: String 设计师给你的动画地址
• speed: Number 动画播放速度
• loop: Boolean 是否循环播放
• resizeMode: String “cover”|”contain”|”center” 缩放模式

API

• 是否在播放动画

isAnimationPlaying()

this.$refs.lottie.isAnimationPlaying()

• 播放动画

play(callback)

this.$refs.lottie.play((result) => {
    console.log(JSON.stringify(result))
})

• 指定进度的播放动画

playFromProgress(fromProgress, toProgress, callback)

this.$refs.lottie.playFromProgress(0, 1, (result) => {
    console.log(JSON.stringify(result))
})

• 指定帧的播放动画

playFromFrame(fromFrame, toFrame, callback)

this.$refs.lottie.playFromFrame(1, 10, (result) => {
    console.log(JSON.stringify(result))
})

• 暂停动画

pause()

this.$refs.lottie.pause()

• 停止动画

stop()

this.$refs.lottie.stop()