tabBar 為app.json設置項，設置導航屬性，詳細api請點擊：[鏈接](https://developers.weixin.qq.com/miniprogram/dev/api/ui/tab-bar/wx.setTabBarItem.html?search-key=tabbar) ~~~ { "pages": [ "pages/index/index", "pages/movie/movie", "pages/movie-detail/movie-detail" ], "tabBar": { "color": "#666", "selectedColor": "#3785F9", "position": "bottom", "borderStyle": "black", "list": [ { "pagePath": "pages/index/index", "text": "text1", "iconPath": "iconPath", "selectedIconPath": "selectedIconPath" }, { "pagePath": "pages/movie-detail/movie-detail", "text": "text2", "iconPath": "iconPath", "selectedIconPath": "selectedIconPath" } ] } } ~~~ * tabBar 指導航配置屬性 * color 未選擇時底部導航文字的顏色 * selectedColor 選擇時底部導航文字的顏色 * borderStyle 底部導航邊框的樣色（注意：這里如果沒有寫入樣式 會導致導航框上邊框會出現默認的淺灰色線條） * list 導航配置數組 * selectedIconPath 選中時圖標路徑 * iconPath 未選擇時圖標路徑 * pagePath 頁面訪問地址 * text 導航圖標下方文字 > **tobBar下list數組中的排列先后與頁面創建時的排列先后順序一致，且第一個必須為想要看到的頁面(像上例中的index必須在第一個位置，不然第一個顯示的為頁面創建時的第一個)**