直播系統原始碼，雲朵左右移動迴圈動畫實現

直播系統原始碼，雲朵左右移動迴圈動畫實現

元件

<image class="yun3 aniYunImg" :animation="animationYunData" :src="yun1"></image>

JS

data() {
return {
        animationYunData: {},
    }
},
 
onLoad(option) {
this.animation_yun_load()
 
},
 
methods: {
    animation_yun_load() {
var ani_start_time = 5000;
var animation = uni.createAnimation({
duration: ani_start_time,
delay: 1
})
var next = true;
setInterval(() => {
if (next) {
animation.translateX(20).step()
} else {
animation.translateX(-20).step()
}
next = !next;
this.animationYunData = animation.export()
}, ani_start_time)
    },
},

以上就是直播系統原始碼，雲朵左右移動迴圈動畫實現， 更多內容歡迎關注之後的文章