div部分
<div v-for="item in marqueeList" :class="{marquee_top:animate}">
</div>
js部分
data() {
return {
//控制动效是否开启
animate:false,
数组
marqueeList：[]}}
页面加载
created() {
//开启轮播文字
setInterval (this.showMarquee, 2000)
},
//方法
methods: {
//轮播文字
showMarquee(){
this.animate =true;
setTimeout (() => {
this.marqueeList.push (this.marqueeList[0]);
this.marqueeList.shift ();
this.animate =false;
}, 500);
},}
css部分
.marquee_top {
transition:all 0.5s;
}
