this.animation = window.lottie.loadAnimation({
container: window.document.getElementById('sky_falling_surprise'),
renderer: 'svg',
loop: true,
autoplay: false,
animationData: json,
name: 'redPacket'
})
try {
// dom 加载完执行
this.animation.addEventListener('DOMLoaded', () => {
this.animation.playSegments([0, 70], true)
})
this.animation.onLoopComplete = () => {
this.addListener() // 动画加载完,加载事件
this.animation.playSegments([71, 110], true)
}
} catch (error) {
}
vue 中 lottie动画实战使用
于 2023-07-11 16:16:41 首次发布