uni-app设置全局属性globalStyle_uniapp globalstyle

参考官方文档：https://uniapp.dcloud.io/collocation/pages

应用的状态栏、导航条、标题、窗口背景色等这些公共的样式一般情况下都会写在globalStyle里面。这样页面就无需进行单独的配置了。

注意
支付宝小程序使用titleImage时必须使用https的图片链接地址，需要真机调试才能看到效果，支付宝开发者工具内无效果
globalStyle中设置的titleImage也会覆盖掉pages->style内的设置文字标题

在page中声明的style是要优先于globalStyle的。
例如下面的pages.json中，在globalStyle中我们设置的"navigationBarTitleText": "社交app"，但是在index页面我们的"navigationBarTitleText": "uni-app"，所以最终在index页面的导航栏标题为uni-app。

pages.json：

{
	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "uni-app"
			}
		}
	    ,{
            "path" : "pages/ceshi/ceshi",
            "style" : {}
        }
    ],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "社交app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	}
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

在globalStyle中我们经常遇到设置颜色取色的问题，有时候我们看到一个比较好看的颜色，我们想拿过来用，那么首先需要知道他的值，这里推荐使用colos lite这个软件，安装包下载链接：https://pan.baidu.com/s/16AkiaHU1mGPsIwm9aeQdrA
提取码：ihwt