微信小程序切换卡

微信小程序切换卡

.swiper-tab{?
?width:?100%;?
?text-align:?center;?
?line-height:?80rpx;?
?border-bottom:?1px?solid?#000;?
?display:?flex;?
?flex-direction:?row;?
?justify-content:?center;?
}?
.tab-item{?
?flex:?1;?
?font-size:?30rpx;?
?display:?inline-block;??
?color:?#777777;?
}?
.on{?
?color:?red;?
?border-bottom:?5rpx?solid?red;?
}?
.swiper{?display:?block;?height:?100%;?width:?100%;?overflow:?hidden;?}?
.swiper?view{?
?text-align:?center;?
?padding-top:?100rpx;?
}


Page({?
??
?/**?
??*?页面的初始数据?
??*/
?data:?{?
??winWidth:0,?
??winHeight:0,?
??currentTab:0?
?},?
??
?/**?
??*?生命周期函数--监听页面加载?
??*/
?onLoad:?function?(options)?{?
??var?that?=?this;?
??
??/**?
???*?获取系统信息?
???*/
??wx.getSystemInfo({?
??
???success:?function?(res)?{?
????that.setData({?
?????winWidth:?res.windowWidth,?
?????winHeight:?res.windowHeight?
????});?
???}?
??
??});?
?},?
?bindChange:?function?(e)?{?
??
??var?that?=?this;?
??that.setData({?currentTab:?e.detail.current?});?
??
?},?
?swichNav:?function?(e)?{?
??
??var?that?=?this;?
??
??if?(this.data.currentTab?===?e.target.dataset.current)?{?
???return?false;?
??}?else?{?
???that.setData({?
????currentTab:?e.target.dataset.current?
???})?
??}?
?}?,?
?/**?
??*?页面相关事件处理函数--监听用户下拉动作?
??*/
?onPullDownRefresh:?function?()?{?
??
?},?
??
?/**?
??*?页面上拉触底事件的处理函数?
??*/
?onReachBottom:?function?()?{?
??
?},?
??
?/**?
??*?用户点击右上角分享?
??*/
?onShareAppMessage:?function?()?{?
??
?}?
})

                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!