微信小程序自定义菜单切换栏tabbar组件代码实例
微信(小程序)  /  管理员 发布于 3年前   293
这篇文章主要介绍了微信小程序自定义菜单切换栏tabbar组件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 效果图: wxml代码: wxss代码: js代码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。.top_tabbar{ width: 100%; background-color: #ffffff; display: flex; position: fixed;}.item_name{ text-align: center; margin:20rpx 60rpx; color: grey;}.active{ color: lightgreen;}.active text{ padding-bottom: 10rpx; border-bottom: 4rpx solid lightgreen;}
data:{ itemName: ["军事", "明星", "动漫","风景"], tabIndex: 0 },//获取点击事件handleItem(e){ // console.log(e) const index = e.currentTarget.dataset.index this.setData({ tabIndex: index }) }
您可能感兴趣的文章:
博主 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 @ xiaoB 你只管努力,剩下的叫给天意;天若有情天亦老,..xiaoB 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 会不会春节放假后又阳一次?..BUG4 在
你翻墙过吗?国内使用vpn翻墙可能会被网警抓,你需了解的事中评论 不是吧?..博主 在
go语言+beego框架中获取get,post请求的所有参数中评论 @ t1 直接在router.go文件中配就ok..Jade 在
如何在MySQL查询中获得当月记录中评论 Dear zongscan.com team, We can skyroc..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号