小程式全局配置-tabBar
tabBar是移動端應用常見的頁面效果,用于實作多頁面的快速切換。小程式中通常将其分為:
- 底部tabBar
- 頂部tabBar
Ps.tabBar中智能配置最少2個、最多5個tab頁簽;當渲染頂部tabBar時,不顯示icon,隻顯示文本。
了解tabBar的6個組成部分,才能更好地進行設定:
-backgroundColor: tabBar 的背景色
-selectedlconPath: 選中時的圖檔路徑
-borderStyle: tabBar 上邊框的顔色
-iconPath: 未選中時的圖檔路徑
-selectedColor: tab 上的文字選中時的顔色
-color: tab 上文字的預設(未選中)顔色
配置底部tabBar,在app.json中輸入内容
"tabBar": {
"list": [
{
"pagePath":"pages/index/index",
"text":"index"
},
{
"pagePath": "pages/test/test",
"text":"test"
}
]
},
用第三方平台(輕棧)開發小程式,進入【Design Lab】進行編輯,點選左側【系統】,開啟網站服務,右鍵編輯就能設定參數。
#小程式##輕棧#