微信小程序tabBar底部導航中文注解api詳解
更新時間：2017年08月16日 11:19:36 作者：Rolan
這篇文章主要為大家詳細介紹了微信小程序tabBar底部導航中文注解api，具有一定的參考價值，感興趣的小伙伴們可以參考一下
微信小程序tabBar底部導航中文注解api，信小程序tabBar就是app底部的那個導航欄，可以放1-5導航鏈接，這里對微信小程序底部導航tabbar的中文解釋。
微信小程序tabBar是在全局app.json文件里面配置的。
小程序tabBar配置代碼注解
{
"pages":[
"pages/index/index",
"pages/detail/detail"
],
"window":{
"navigationBarTitleText": "TabBar",
"navigationBarBackgroundColor": "#F60",
"navigationBarTextStyle": "white"
},
//tabBar注意是B是大寫，有朋友提問運行時tab沒出現，檢查是不是這里手誤
"tabBar":{
//文檔指出color是必填項，其實可為空，不重寫color就是深灰，樣式更統(tǒng)一
"color": "#ddd",
//同樣，文檔指出selectedColor是必填項，不過selectedColor有必要重寫，區(qū)分當前項與普通項
"selectedColor": "#3cc51f",
//同樣，文檔指出color是必填項，其實可為空，不重寫backgroundColor就是淺灰，樣式更統(tǒng)一。
"backgroundColor": "#fff",
//borderStyle，不寫默認就是黑，那就黑好了，white的話，會少一條分隔線，跟頁面混在一起了
"borderStyle":"black",
"list":[{
"pagePath":"pages/index/index",
//iconPath圖標是非必填，只是tab欄會變矮，自然selectedIconPath也可不寫
"iconPath":"image/icon_API.png",
"selectedIconPath":"image/icon_API_HL.png",
"text":"index"
},{
"pagePath":"pages/detail/detail",
"iconPath":"image/icon_component.png",
"selectedIconPath":"image/icon_component_HL.png",
"text":"detail"
}]
}
}
小程序tabBar參數說明
如果我們的小程序是一個多 tab 應用（客戶端窗口的底部有tab欄可以切換頁面），那么我們可以通過 tabBar 配置項指定 tab 欄的表現，以及 tab 切換時顯示的對應頁面。
tabBar 是一個數組，只能配置最少2個、最多5個 tab，tab 按數組的順序排序。
屬性說明：
其中 list 接受一個數組，數組中的每個項都是一個對象，其屬性值如下：
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
本篇文章主要是對JS二維數組的定義進行了說明介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
在開發(fā)過程中，為了應對多變的復雜場景，我們需要了解一下?TypeScript?的高級類型。本文就為大家整理了一些需要掌握的TypeScript高級類型，需要的可以參考一下2022-08-08
ElementUI table無縫循環(huán)滾動的示例代碼
這篇文章主要介紹了ElementUI table無縫循環(huán)滾動的示例代碼,代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-08-08
在開發(fā)中我們經常會遇到一些高頻操作，比如：鼠標移動，滑動窗口，鍵盤輸入等等，節(jié)流和防抖就是對此類事件進行優(yōu)化，降低觸發(fā)的頻率，以達到提高性能的目的。本文就教大家如何實現一個讓面試官拍大腿的防抖節(jié)流函數，需要的可以參考一下2022-10-10
這篇文章主要為大家詳細介紹了bootstrap表格分頁實例講解，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript實現防止網頁被嵌入Frame框架的代碼分享
這篇文章主要介紹了JavaScript實現防止網頁被嵌入Frame框架的代碼分享,本文給出了2種防嵌入方法,需要的朋友可以參考下2014-12-12
JavaScript開發(fā)小游戲,目標是使用JavaScript繪制簡單的二維地圖,采用二維數組存儲地圖信息,使用表格繪制地圖,每個td單元格存儲數據,使用JavaScript keyPress鍵盤事件監(jiān)聽WASD鍵,按鍵觸發(fā)時人物做出相應操作,人物下一步碰撞到障礙物,終止人物運動2023-10-10
JS使用window.requestAnimationFrame()對列表切片進行渲染
這篇文章主要為大家介紹了JS使用requestAnimationFrame對列表切片進行渲染，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要介紹了JavaScript深拷貝和淺拷貝概念與用法,結合實例形式較為詳細的分析了javascript深拷貝與淺拷貝的概念、原理、用法及相關操作技巧,需要的朋友可以參考下2018-06-06
本文主要介紹了Echarts中X軸/Y軸坐標標簽顯示不下的問題解決,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-09-09