tabBar底部導航欄樣式（pages.jeon)

"tabBar":
{
	"color" : "#707070",//底部導航欄的顏色
	"selectedColor" : "#DE533A",//文字啟用顏色
	 "list" : [
	            {
	                "pagePath" : "pages/index/index",//頁面路徑
	                "text" : "文章",//對應文字
	                "iconPath" : "static/nav1.png",//圖示位置
	                "selectedIconPath" : "static/nav1-a.png"//圖示
	            },
	            {
	                "pagePath" : "pages/write/write",
	                "text" : "寫作",
	                "iconPath" : "static/nav2.png",
	                "selectedIconPath" : "static/nav2-a.png"
	            },
	            {
	                "pagePath" : "pages/my/my",
	                "text" : "我的",
	                "iconPath" : "static/nav3.png",
	                "selectedIconPath" : "static/nav3-a.png"
	            }
	        ]
}
 

}

效果

更改首頁與其他頁面標題(pages.jeon)

首頁

"pages": [ //pages陣列中第一項表示應用啟動頁，參考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "悅讀"
}
}

其他頁面

"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "悅讀",//更改標題，首頁不生效
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},

完整的(pages.jeon)程式碼

{ "pages": [ //pages陣列中第一項表示應用啟動頁，參考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "悅讀" } } ,{ "path" : "pages/write/write", "style" : {} } ,{ "path" : "pages/my/my", "style" : {} } ], "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "悅讀",//更改標題，首頁不生效 "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8" }, "tabBar": { "color" : "#707070",//底部導航欄的顏色 "selectedColor" : "#DE533A",//文字啟用顏色 "list" : [ { "pagePath" : "pages/index/index",//頁面路徑 "text" : "文章",//對應文字 "iconPath" : "static/nav1.png",//圖示位置 "selectedIconPath" : "static/nav1-a.png"//圖示 }, { "pagePath" : "pages/write/write", "text" : "寫作", "iconPath" : "static/nav2.png", "selectedIconPath" : "static/nav2-a.png" }, { "pagePath" : "pages/my/my", "text" : "我的", "iconPath" : "static/nav3.png", "selectedIconPath" : "static/nav3-a.png" } ] } }