打開app.json頁面，在window下寫下面的代碼
//tabBar 指底部的 導(dǎo)航配置屬性
//color 未選擇時 底部導(dǎo)航文字的顏色
//selectedColor 選擇時 底部導(dǎo)航文字的顏色
//borderStyle 底部導(dǎo)航邊框的樣色（注意 這里如果沒有寫入樣式 會導(dǎo)致 //導(dǎo)航框上邊框會出現(xiàn)默認(rèn)的淺灰色線條）
//list 導(dǎo)航配置數(shù)組
//selectedIconPath 選中時 圖標(biāo)路徑
//iconPath 未選擇時 圖標(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陕贮、每個頁面的json文件都不能去掉navigationBarTitleText這個屬性堕油。否則會報錯
2、"pages":[
"pages/index/index",
"pages/logs/logs",
"pages/mine/mine"
],
這個頁面的注冊一定要注意肮之，第一個一定是要是最先顯示的掉缺，否則會出現(xiàn)底部導(dǎo)航看不到。
