uni-app之全局配置和页面配置(二)

1. 通过globalStyle进行全局配置

属性	类型	默认值	描述
navigationBarBackgroundColor	HexColor	#F7F7F7	导航栏背景颜色(同状态栏背景色)
navigationBarTextStyle	String	white	导航栏标题颜色及状态栏前景颜色，仅支持black/white
navigationBarTitleText	String		导航栏标题文字内容
navigationStyle	String	default	导航栏样式，仅支持default/custom。custom即取消默认的原生导航栏
backgroundColor	HexColor	#ffffff	窗口的背景色(下拉背景色)
backgroundTextStyle	String	dark	下拉loading的样式，仅支持dark/light
onReachBottomDistance	Number	50	页面上拉触底事件触发时距页面底部距离，单位只支持px。

例子：

	"globalStyle": {
		"navigationBarBackgroundColor":"#007AFF",
		"navigationBarTextStyle":"white",
		"navigationBarTitleText":"小程序",
		"navigationStyle":"default",
		"backgroundColor":"#4CD964",
		"backgroundTextStyle":"dark",
		"enablePullDownRefresh":true
	},

2.page

uni-app通过pages节点配置应用由哪些页面组成，pages节点接收一个数组，数组每个项都是一个对象，其属性值如下：

属性	类型	默认值	描述
path	String		配置页面路径
style	Object		配置页面窗口表现。

例子：

		{
			"path":"pages/message/message",
			"style":{
				"navigationBarTitleText":"信息页",
				"navigationBarBackgroundColor":"#007AFF",
				}
			}

3.h5

配置编译到H5平台的特定样式

属性	类型	描述
titleNView	Object	导航栏
pullToRefresh	Object	下拉刷新

下拉刷新
h5平台下拉刷新动画，只有circle类型。

属性	类型	默认值	描述
color	String	#2BD009	颜色值格式为"#RRGGBB"
offset	String	0px	下拉刷新控件的起始位置。支持百分比，如"10%";像素值，如"50px",不支持rpx。

例子：

		{
			"path":"pages/message/message",
			"style":{
				"navigationBarTitleText":"信息页",
				"navigationBarBackgroundColor":"#007AFF",
				"h5":{
					"pullToRefresh":{
						"color":"#4CD964"
					}
				}
			}
		},