wxml
图片自定义
需要注意的是启动页图片 盒子没有定义宽高的情况下宽高都设置为100%会出现图片不显示的问题 这边就需要用到image自带的mode方法
|
<text style="position: absolute;top: 10px;right: 10px;color: #fff;width: 60px;height: 25px;background-color:rgba(255,255,255,0.1);text-align: center;border-radius: 15px;" bindtap="home">跳过{{time}}</text>
<image mode="widthFix" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.XbWs5KyqKjDjcO_RXx4aKAAAAA?w=187&h=332&c=7&r=0&o=5&dpr=1.05&pid=1.7" style="width: 100%;"></image>
js
js中需要给“跳过”绑定点击事件 点击跳过实现页面跳转 自动跳转我这边是用在了页面加载事件中
点击事件 命名自定义
home:function(){
wx.switchTab({
url: '/pages/home/home'
})
}
加载事件 这边time需要在data中定义跳转时间
需要注意小程序的赋值需要在setData函数中进行
onLoad() {
//跳转时间
var time = this.data.time,that = this
//定时器对time重新赋值 1000=1s
setInterval(function(){
time--
//time=0的 自动跳转页面
if(time==0){
wx.switchTab({
url: '/pages/home/home'
})
}
that.setData({
time:time
})
},1000)
}