uniapp之pages.json配置(pages,globalStyle,tabBar)

644 阅读1分钟

pages.json文件

pages设置页面路径及窗口表现。

接收一个数组,来指定应用由哪些页面组成。每一项代表对应页面的信息,应用中新增/减少页面,都需要对 pages 数组进行修改。文件名不需要写后缀,框架会自动寻找路径下的页面资源。

注意:pages节点的第一项为应用入口页(即首页)

"pages": [{
		"path": "pages/login/login",
		"style": {
			"navigationBarTitleText": "登录",
			"navigationStyle": "custom"
		}
	},{
		"path": "pages/index/index",
		"style": {
			"navigationBarTitleText": "首页",
			//不包含"navigationStyle": "custom"则显示头部导航栏
		}
	} 
]

globalStyle用于设置页面的默认导航栏,状态栏,标题,窗口背景颜色等。

"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "健康日报",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8",
		"app-plus": {
			"background": "#efeff4"
		}
	},
//navigationBarTextStyle导航栏标题颜色和状态栏前景色,可设置为black/white
//navigationBarTextStyle:导航栏标题颜色和状态栏前景色,可设置为black/white
//navigationBarTitleText:导航栏标题文字内容
//navigationBarBackgroundColor:导航栏背景颜色
//backgroundColor:下拉显示出来的窗口背景颜色

tabBar用来设置最下边的导航栏。

"tabBar": {
		"list": [{
			"text": "首页",
			"pagePath": "pages/index/index",
			"iconPath": "static/tabBar/manager-disabled.png",
			"selectedIconPath": "static/tabBar/manager-active.png"
		}, {
			"text": "我的",
			"pagePath": "pages/user/user",
			"iconPath": "static/tabBar/user-disabled.png",
			"selectedIconPath": "static/tabBar/user-active.png"
		}]
	}