• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

video-swiper 组件

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

路由传参

方法一:

方法:

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

广告位

//Banner广告

插屏广告

view




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,关闭图片。
})
},


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序获取当前位置 地图定位导航-详细代码发布时间:2022-07-18
下一篇:
JavaMail发送邮件的小程序发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap