【Uni-App社区小程序】007-设置全局属性globalStyle_uniapp 动态全局风格

一、作用

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

 

二、官网地址

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

 

三、pages.json介绍

 

四、演示

1、代码

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

 

2、截图

 

3、运行结果截图

 

五、补充知识点

1、uni-app目录结构