小程序怎么设置tab

藏色散人
Lepaskan: 2020-03-18 09:19:15
asal
3709 orang telah melayarinya

小程序怎么设置tab

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

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

730655a0d3f53313545031df8ee7d6c.png

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

30854ead7218330f84fc526f3db4384.png

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

a3ba6bfc267992c5b811925e4c33f11.png

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

d065aaa7e4bb204f9653deeb4aa4fca.png

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

cdffeb198f34ba3f3f2f7662c0dbe55.png

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

48ef75bef6e625d32da68d0f060d62f.png

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

Atas ialah kandungan terperinci 小程序怎么设置tab. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan