首頁 > 微信小程式 > 小程式開發 > 小程式怎麼設定tab

小程式怎麼設定tab

藏色散人
發布: 2020-03-18 09:19:15
原創
3820 人瀏覽過

小程式怎麼設定tab

小程式怎麼設定tab?微信小程式實作tab切換的方法

先宣告一個tab狀態變量,如下圖所示

小程式怎麼設定tab

接著定義被選取的tab的色,如下圖所示

小程式怎麼設定tab

然後寫wxml頁面,如下圖所示,根據tab狀態變數決定哪部分顯示

小程式怎麼設定tab

接著實作點選tab頁卡的方法,如下圖所示

小程式怎麼設定tab

#執行一行我們就可以看到如下圖所示的介面了

小程式怎麼設定tab

點選就可以切換內容了,如下圖所示

小程式怎麼設定tab

#綜上所述,在小程式中實作tab頁卡的切換主要掌握狀態變數就好了

以上是小程式怎麼設定tab的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
現在個人嫩申請微信小程序
來自於 1970-01-01 08:00:00
0
0
0
javascript - 小程式中遇到js執行時序問題
來自於 1970-01-01 08:00:00
0
0
0
用php如何產生小程式的小程式碼?
來自於 1970-01-01 08:00:00
0
0
0
微信小程式
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板