1. 程式人生 > >微信小程式框架製作-第07課-App.json-tabBa講解

微信小程式框架製作-第07課-App.json-tabBa講解

tabBar

如果小程式是一個多 tab 應用(客戶端視窗的底部或頂部有 tab 欄可以切換頁面),可以通過 tabBar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。

其中 list 接受一個數組,只能配置最少2個、最多5個 tab。tab 按陣列的順序排序,每個項都是一個物件,其屬性值如下:

屬性 型別 必填 說明
pagePath String 是 頁面路徑,必須在 pages 中先定義
text String 是 tab 上按鈕文字
iconPath String 否 圖片路徑,icon 大小限制為40kb,建議尺寸為 81px * 81px,不支援網路圖片。
當 postion 為 top 時,不顯示 icon。
selectedIconPath String 否 選中時的圖片路徑,icon 大小限制為40kb,建議尺寸為 81px * 81px,不支援網路圖片。
當 postion 為 top 時,不顯示 icon。

微信小程式框架制

歡迎大家支援我是視訊課程:微信小程式框架的製作
微信小程式框架製作