一、作用

用于设置应用的状态栏、导航条、标题、窗口背景色等；

 

二、官网地址

​​https://uniapp.dcloud.net.cn/collocation/pages?id=globalstyle​​

 

三、pages.json介绍

【Uni-App社区小程序】007-设置全局属性globalStyle_uni-app

四、演示

1、代码

{
  "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    {
      "path": "pages/index/index",
      "style": {
        // 局部样式设置比全局样式设置优先级更高
        "navigationBarTitleText": "我的社区啦"
      }
    }
  ],
  "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "我的社区",
    "navigationBarBackgroundColor": "#FFFFFF",
    "backgroundColor": "#FFFFFF"
  }
}

 

2、截图

【Uni-App社区小程序】007-设置全局属性globalStyle_vue.js_02

 

3、运行结果截图

【Uni-App社区小程序】007-设置全局属性globalStyle_webapp_03

 

五、补充知识点

1、uni-app目录结构

【Uni-App社区小程序】007-设置全局属性globalStyle_导航条_04