首頁  >  文章  >  微信小程式  >  小程式怎麼設定tab

小程式怎麼設定tab

藏色散人
藏色散人原創
2020-03-18 09:19:153705瀏覽

小程式怎麼設定tab

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

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

小程式怎麼設定tab

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

小程式怎麼設定tab

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

小程式怎麼設定tab

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

小程式怎麼設定tab

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

小程式怎麼設定tab

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

小程式怎麼設定tab

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn