直播系统源码，云朵左右移动循环动画实现

直播系统源码，云朵左右移动循环动画实现

组件

 

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

​

JS

 

1

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

 

 

以上就是直播系统源码，云朵左右移动循环动画实现， 更多内容欢迎关注之后的文章