uni-app中配置全局屬性globalStyle

打開./pages.json文件

在其中找到屬性globalStyle 例如:

"globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "Hello uniapp",
    "navigationBarBackgroundColor": "#007AFF",
    "backgroundColor": "#F8F8F8"
},

 

navigationBarBackgroundColor 設置導航欄背景顏色

例如:"navigationBarBackgroundColor": "#007AFF",

效果:

 

navigationBarTextStyle  導航欄標題顏色及狀態欄前景顏色，僅支持 black/white

例如:"navigationBarTextStyle": "white",

效果:

 

navigationBarTitleText 導航欄標題文字內容 如頁面沒有單獨設置就顯示全局的導航欄標題文字

例如:"navigationBarTitleText": "內置組件",

效果:

 

navigationStyle 導航欄樣式，可使用 default/custom。default使用原生導航欄 custom不顯示導航欄 自己定義