微信小程序实现tab和swiper切换结合效果

发布时间：2020-12-14 20:11:28 所属栏目：资源来源：网络整理

导读：本文实例为大家分享了小程序实现tab和swiper切换效果展示的具体代码，供大家参考，具体内容如下先上效果图： wxml页面 wxss样式： js代码： },bindViewTap: function() { wx.navigateTo({ url: '../logs/logs' }) },tabClick:function(e){ var that = this;

本文实例为大家分享了小程序实现tab和swiper切换效果展示的具体代码，供大家参考，具体内容如下

先上效果图：

wxml页面

wxss样式：

js代码：

},bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},tabClick:function(e){
var that = this;
var idIndex = e.currentTarget.id;
var offsetW = e.currentTarget.offsetLeft; //2种方法获取距离文档左边有多少距离
this.setData({
activeIndex:idIndex,slideOffset:offsetW
});
},bindChange:function(e){
var current = e.detail.current;
if((current+1)%4 == 0){

}
var offsetW = current * mtabW; //2种方法获取距离文档左边有多少距离
this.setData({
activeIndex:current,slideOffset:offsetW
});

}

})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

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