首页  >  文章  >  微信小程序  >  小程序怎么设置tab

小程序怎么设置tab

藏色散人
藏色散人原创
2020-03-18 09:19:153629浏览

小程序怎么设置tab

小程序怎么设置tab?微信小程序实现tab切换的方法

首先声明一个tab状态变量,如下图所示

730655a0d3f53313545031df8ee7d6c.png

接着定义被选中的tab的颜色,如下图所示

30854ead7218330f84fc526f3db4384.png

然后编写wxml页面,如下图所示,根据tab状态变量决定哪部分显示

a3ba6bfc267992c5b811925e4c33f11.png

接着实现点击tab页卡的方法,如下图所示

d065aaa7e4bb204f9653deeb4aa4fca.png

运行一行我们就可以看到如下图所示的界面了

cdffeb198f34ba3f3f2f7662c0dbe55.png

点击就可以切换内容了,如下图所示

48ef75bef6e625d32da68d0f060d62f.png

综上所述,在小程序中实现tab页卡的切换主要掌握状态变量就好了

以上是小程序怎么设置tab的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn