微信小程序tabbar,小程序自定義 tabbar怎么做

—— 2020 ——

09/27

00:00

來(lái)源：

作者：未知

欄目：小程序開(kāi)發(fā)

2020/9/27 0:00:00 來(lái)源：不詳作者：未知

tabBar

微信小程序tabbar,小程序自定義 tabbar怎么做

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

Tip：

當(dāng)設(shè)置 position 為 top 時(shí)，將不會(huì)顯示 icon
tabBar 中的 list 是一個(gè)數(shù)組，只能配置最少2個(gè)、最多5個(gè) tab，tab 按數(shù)組的順序排序。

屬性說(shuō)明：

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

其中 list 接受一個(gè)數(shù)組，數(shù)組中的每個(gè)項(xiàng)都是一個(gè)對(duì)象，其屬性值如下：

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

【本站聲明】
1、本站文章中所選用的圖片及文字來(lái)源于網(wǎng)絡(luò)以及用戶(hù)投稿，由于未聯(lián)系到知識(shí)產(chǎn)權(quán)人或未發(fā)現(xiàn)有關(guān)知識(shí)產(chǎn)權(quán)的登記，如有知識(shí)產(chǎn)權(quán)人并不愿意我們使用，如果有侵權(quán)請(qǐng)立即聯(lián)系。
2、本網(wǎng)站不對(duì)文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé)，僅系客觀(guān)性描述，如您需要了解該類(lèi)商品/服務(wù)詳細(xì)的資訊，請(qǐng)您直接與該類(lèi)商品/服務(wù)的提供者聯(lián)系。

KESION 科汛軟件
KESION 科汛軟件是國(guó)內(nèi)領(lǐng)先的在線(xiàn)教育軟件及私域社交電商軟件服務(wù)提供商，長(zhǎng)期專(zhuān)注于為企業(yè)提供在線(xiàn)教育軟件及社交電商SaaS平臺(tái)解決方案。
公司核心產(chǎn)品云開(kāi)店SaaS社交電商服務(wù)平臺(tái)、在線(xiàn)教育SaaS服務(wù)平臺(tái)、教育企業(yè)數(shù)字化SaaS云平臺(tái)、企微營(yíng)銷(xiāo)助手、私有化獨(dú)立部署品牌網(wǎng)校和在線(xiàn)教育咨詢(xún)等。
KESION 不斷通過(guò)技術(shù)創(chuàng)新，提供產(chǎn)品和服務(wù)，助力企業(yè)向數(shù)字化轉(zhuǎn)型，通過(guò)科技驅(qū)動(dòng)商業(yè)革新，讓商業(yè)變得更智慧！

▼點(diǎn)擊進(jìn)入科汛官網(wǎng)了解更多