HTML背景图⽚轮播(div)HTML:
<div :>
记得加上长度和宽度样式,不然背景图不显⽰(如果相对于有外层div请根据样式⾃我调接)
</div>
⽅法:
mounted(){
this.currentUrl()
},
methods:{
currentUrl(){
//每三秒更换⼀次背景图地址
setInterval(thisparison,3000)
},
comparison(){
//index、backgroundUrl 都是在return⾥设置的默认值index默认0,backgroundUrl 默认''
if(this.pictures.length >0){
html图片展示特效let i =this.pictures.length
if(this.index >= i){
this.index =0
}
this.backgroundUrl ='background-image:url( localhost:8080/ioam/file/'+this.pictures[this.index].url +')' this.index =this.index +1
console.log(this.index)
}
}
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论