您好,登錄后才能下訂單哦!
這篇文章主要介紹微信小程序之tabBar底部導(dǎo)航中文注解api的示例分析,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
微信小程序tabBar底部導(dǎo)航中文注解api,信小程序tabBar就是app底部的那個(gè)導(dǎo)航欄,可以放1-5導(dǎo)航鏈接,這里對(duì)微信小程序底部導(dǎo)航tabbar的中文解釋。
微信小程序tabBar是在全局app.json文件里面配置的。
小程序tabBar配置代碼注解
{ "pages":[ "pages/index/index", "pages/detail/detail" ], "window":{ "navigationBarTitleText": "TabBar", "navigationBarBackgroundColor": "#F60", "navigationBarTextStyle": "white" }, //tabBar注意是B是大寫,有朋友提問(wèn)運(yùn)行時(shí)tab沒(méi)出現(xiàn),檢查是不是這里手誤 "tabBar":{ //文檔指出color是必填項(xiàng),其實(shí)可為空,不重寫color就是深灰,樣式更統(tǒng)一 "color": "#ddd", //同樣,文檔指出selectedColor是必填項(xiàng),不過(guò)selectedColor有必要重寫,區(qū)分當(dāng)前項(xiàng)與普通項(xiàng) "selectedColor": "#3cc51f", //同樣,文檔指出color是必填項(xiàng),其實(shí)可為空,不重寫backgroundColor就是淺灰,樣式更統(tǒng)一。 "backgroundColor": "#fff", //borderStyle,不寫默認(rèn)就是黑,那就黑好了,white的話,會(huì)少一條分隔線,跟頁(yè)面混在一起了 "borderStyle":"black", "list":[{ "pagePath":"pages/index/index", //iconPath圖標(biāo)是非必填,只是tab欄會(huì)變矮,自然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參數(shù)說(shuō)明
如果我們的小程序是一個(gè)多 tab 應(yīng)用(客戶端窗口的底部有tab欄可以切換頁(yè)面),那么我們可以通過(guò) tabBar 配置項(xiàng)指定 tab 欄的表現(xiàn),以及 tab 切換時(shí)顯示的對(duì)應(yīng)頁(yè)面。
tabBar 是一個(gè)數(shù)組,只能配置最少2個(gè)、最多5個(gè) tab,tab 按數(shù)組的順序排序。
屬性說(shuō)明:
其中 list 接受一個(gè)數(shù)組,數(shù)組中的每個(gè)項(xiàng)都是一個(gè)對(duì)象,其屬性值如下:
以上是“微信小程序之tabBar底部導(dǎo)航中文注解api的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。