小程序怎么设置tab

2020-08-17 11:12:38

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

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

730655a0d3f53313545031df8ee7d6c.png

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

30854ead7218330f84fc526f3db4384.png

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

a3ba6bfc267992c5b811925e4c33f11.png

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

d065aaa7e4bb204f9653deeb4aa4fca.png

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

cdffeb198f34ba3f3f2f7662c0dbe55.png

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

48ef75bef6e625d32da68d0f060d62f.png

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