您现在的位置是：网站首页> 编程资料编程资料
微信小程序实现侧边导航栏_javascript技巧_
2023-05-24
306人已围观
简介 微信小程序实现侧边导航栏_javascript技巧_
本文实例为大家分享了微信小程序实现侧边导航栏的具体代码，供大家参考，具体内容如下
效果图
wxml
为您推荐 电脑 手机 为您推荐 手机 电脑
js
Page({ data: { active:0, currentTab:0 }, switchNav: function (e) { var page = this; var id = e.target.id; if (this.data.currentTab == id) { return false; } else { page.setData({ currentTab: id }); } page.setData({ active: id }); } })wxss
.productNav{ display: flex; flex-direction: row; font-family: "Microsoft YaHei" } .left{ width: 25%; font-size: 30rpx; background-color: #f4f4f4; } .left view{ text-align: center; height: 90rpx; line-height: 90rpx; } .selected{ background-color: #fff; border-left: 2px solid #E54847; font-weight: bold; color: #E54847; } .normal{ background-color: #f4f4f4; border-bottom: 1px solid #f2f2f2; } .right{ width:75%; margin: 0; } swiper{ height: 500px; }以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
您可能感兴趣的文章:
