小程序入門系列之 tabBar

本系列爲簡單入門系列，以必定歸納性思路來敘述內容，具體能夠查看官網

---

大部分的電商應用都是底部或頂部多 tab 的模式. 下面咱們從配置角度來分析一下：

第一個：position 配置以下：

默認是 bottom，也能夠設置 top 來改變 tabBar 的位置

第二個：list 配置以下：

必須的參數：

• text 文字，若是是 position 爲 bottom，會出如今 icon 的下面
• pagePath 跳轉的路徑

可選參數：若是 position 設置了 top，就不會顯示

• iconPath 默認 icon 的路徑
• selectedIconPath 選中 icon 的路徑

這 2 個多不支持網絡圖片，尺寸建議是 81*81

可是請注意：

一、最少 2 個，否則會報錯：

tabBar.list 需至少包含 2 項

二、最多 5 個，

tabBar.list 不能超過 5 項

三、裏面的 pagePath 不能爲空，並且須要在 pages 數組定義

第三個：設置 text 文字的顏色

• color 默認的文字顏色
• selectedColor 選中的文字顏色

第四個：tabBar 的背景和邊框

• borderStyle 邊框的顏色，默認 black，支持 white 和 black 兩種
• backgroudColor 背景顏色