小程序自定義tabbar如何實現(xiàn)

發(fā)布時間：2022-03-15 11:19:40 來源：億速云閱讀：186 作者：小新欄目：開發(fā)技術(shù)

小編給大家分享一下小程序自定義tabbar如何實現(xiàn)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

如果小程序是一個多 tab 應(yīng)用（客戶端窗口的底部或頂部有 tab 欄可以切換頁面），可以通過 tabBar 配置項指定 tab 欄的表現(xiàn)，以及 tab 切換時顯示的對應(yīng)頁面。

Tip：

屬性說明：

屬性	類型	必填	默認(rèn)值	描述
color	HexColor	是		tab 上的文字默認(rèn)顏色
selectedColor	HexColor	是		tab 上的文字選中時的顏色
backgroundColor	HexColor	是		tab 的背景色
borderStyle	String	否	black	tabbar上邊框的顏色，僅支持 black/white
list	Array	是		tab 的列表，詳見 list 屬性說明，最少2個、最多5個 tab
position	String	否	bottom	可選值 bottom、top

其中 list 接受一個數(shù)組，數(shù)組中的每個項都是一個對象，其屬性值如下：

屬性	類型	必填	說明
pagePath	String	是	頁面路徑，必須在 pages 中先定義
text	String	是	tab 上按鈕文字
iconPath	String	否	圖片路徑，icon 大小限制為40kb，建議尺寸為 81px * 81px，當(dāng) postion 為 top 時，此參數(shù)無效，不支持網(wǎng)絡(luò)圖片
selectedIconPath	String	否	選中時的圖片路徑，icon 大小限制為40kb，建議尺寸為 81px * 81px ，當(dāng) postion 為 top 時，此參數(shù)無效

以上是“小程序自定義tabbar如何實現(xiàn)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡