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不显示导航栏 自己定义