video-swiper 组件

播放默认的是视频列表的第二个,如何根据前一个页面点击过来,播放点击的封面视频,
把视频列表定义到data里,把点击时传过来的播放地址追加到数组第二位

路由传参

方法一:

方法:

wx.navigateTo({
url: “/pages/shopdetail/shopdetail?id=”+ifor.id+"&name=‘xiaoming’&age=20"
});

广告位

//Banner广告

插屏广告

view

小程序video-swiper组件,小程序路由传参,广告位


小程序video-swiper组件,小程序路由传参,广告位

wxss

.layer{
width:100vw;
height: 100vh;
position: fixed;
top:0px;
display: flex;
justify-content: center;
align-items: center;
}
.layer-img{
width: 100%; /弹窗广告图片的大小/
}

.colse-icon{
display: flex;
width: 30px;
position: absolute; /设置为绝对定位,调整关闭按钮的位置/
top:80px;
right: 30px;
}

js

data: {
show: false, //初始化定义show为false
time: 3, //定义时间为3秒
},
onShow: function () {
var that = this
var interval = setInterval(function () {
var timenew = that.data.time - 1
that.setData({
time: timenew
})
if (that.data.time == 0) {
clearInterval(interval)
that.setData({
show: true //如果time的值为0时,将data里面show的值改为true,图片就可以显示了
})
}
}, 1000)
},
//关闭
closelaye() {
this.setData({
show: false //bindtap点击事件,点击colse-icon时修改show的值为false,关闭图片。
})
},

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-16
  • 2021-10-02
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-08-01
  • 2022-12-23
  • 2021-10-07
相关资源
相似解决方案