1.tabBar(底部導航欄)
| 屬性 | 默認值 | 描述 | 平台支持 |
| color | tab上未被選中時文字的顏色 | ||
| selectedColor | tab上被選中時文字的顏色 | ||
| backgroundColor | tab的背景色 | ||
| borderStyle | black | tabbar上邊框的顏色,僅支持black/white | |
| list | tab的列表,最少2個,最多5個 | ||
| position | bottom | tabbar位置,僅支持bottom/top | top值僅支持微信小程序 |
其中list接收一個數組,數組元素都是對象,屬性值如下:
| 屬性 | 說明 |
| pagePath | 頁面路徑,必須在pages目錄中先定義 |
| text | tab按鈕上顯示的文字 |
| iconPath | tab按鈕的圖標,未選中時圖標的路徑,icon大小限制為40kb,建議尺寸為81px*81px,當position為top時,此參數無效,不支持網絡圖片 |
| selectedIconPath | 選中時圖標的路徑尺寸同上 |
2.在App.vue文件的<style>標簽下設置頁面樣式,在各個頁面使用class調用樣式
App.vue文件下設置樣式:

頁面文件index.vue下調用樣式:

首頁輪播圖:

首頁上原生導航欄的禁用:
每個頁面均支持通過配置 titleNView 為false來禁用原生導航欄,在pages.json文件中進行配置

