Uni-App初识

pages.json文件了解

1.pages

文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar （底部导航窗格）等。

它类似微信小程序中app.json的页面管理部分。注意定位权限申请等原属于app.json的内容，在uni-app中是在manifest中配置。

官网参考地址：https://uniapp.dcloud.io/collocation/pages.html#globalstyle

下列表示设置页面路径及窗口表现，每一个想要访问到的页面都必须配置path

"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index"
		}, {
			"path": "pages/message/message"
		}, {
			"path": "pages/contact/contact"
		}

2.globalStyle

设置默认页面的窗口表现
此处为默认设置，如果没有单独对每个页面进行设置，则都采用这边的配置，如果单独设置则优先。

	"globalStyle": {
		"navigationBarTextStyle": "#000000",
		"navigationBarTitleText": "嘿嘿外卖",
		"navigationBarBackgroundColor": "#FFDEAD",
		"backgroundColor": "#CDC0B0",
		"enablePullDownRefresh": true,
		"backgroundTextStyle": "dark"
	}

3.tabBar

大部分软件底部的导航栏，如下图

这里要注意的是，pagepath必须是pages里配置过的，并且tabBar最少2个，最多5个

	"tabBar":{
		"color":"#4CD964",
		"backgroundColor":"#FFFAFA",
		"borderStyle":"black",
		"list":[
			{
				"text":"首页",
				"pagePath":"pages/index/index",
				"iconPath":"static/tab/home.png",
				"selectedIconPath":"static/tab/home_active.png"
			},
			{
				"text":"信息",
				"pagePath":"pages/message/message",
				"iconPath":"static/tab/message.png",
				"selectedIconPath":"static/tab/message_active.png"
			},
			{
				"text":"我们",
				"pagePath":"pages/contact/contact",
				"iconPath":"static/tab/contact.png",
				"selectedIconPath":"static/tab/contact_active.png"
			}
		]
	}

4.condition

启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面。

个人觉得用于测试比较方便，不需要跳转，直接就可以配置过去。

	"condition": {
		"current": 0,
		"list": [{
			"name": "详情",
			"path": "pages/detail/detail",
			"query": "id=88"
		}]
	}