打開app.json頁面，在window下寫下面的代碼

//tabBar  指底部的 導(dǎo)航配置屬性
//color  未選擇時(shí) 底部導(dǎo)航文字的顏色
//selectedColor  選擇時(shí) 底部導(dǎo)航文字的顏色
//borderStyle  底部導(dǎo)航邊框的樣色（注意 這里如果沒有寫入樣式 會(huì)導(dǎo)致 //導(dǎo)航框上邊框會(huì)出現(xiàn)默認(rèn)的淺灰色線條）
//list   導(dǎo)航配置數(shù)組
//selectedIconPath 選中時(shí) 圖標(biāo)路徑
//iconPath 未選擇時(shí) 圖標(biāo)路徑
//pagePath 頁面訪問地址
//text  導(dǎo)航圖標(biāo)下方文字

"tabBar": {
   "color": "#909192",
   "selectedColor": "#ebb656",
   "list": [
     {
       "pagePath": "pages/home/home",
       "text": "首頁",
       "iconPath": "/images/tabbar/00bar-1-old.png",
       "selectedIconPath": "/images/tabbar/00bar-1-new.png"
     },
     {
       "pagePath": "pages/product/product",
       "text": "熱銷產(chǎn)品",
       "iconPath": "/images/tabbar/00bar-2-old.png",
       "selectedIconPath": "/images/tabbar/00bar-2-new.png"
     },
     {
       "pagePath": "pages/new/new",
       "text": "新品特惠",
       "iconPath": "/images/tabbar/00bar-3-old.png",
       "selectedIconPath": "/images/tabbar/00bar-3-new.png"
     },
     {
       "pagePath": "pages/about/about",
       "text": "聯(lián)系我們",
       "iconPath": "/images/tabbar/00bar-4-old.png",
       "selectedIconPath": "/images/tabbar/00bar-4-new.png"
     }
   ]
 }

這里需要注意一些小問題：

1、每個(gè)頁面的json文件都不能去掉navigationBarTitleText這個(gè)屬性。否則會(huì)報(bào)錯(cuò)
2、"pages":[
"pages/index/index",
"pages/logs/logs",
"pages/mine/mine"
],
這個(gè)頁面的注冊(cè)一定要注意，第一個(gè)一定是要是最先顯示的，否則會(huì)出現(xiàn)底部導(dǎo)航看不到。