配置tabbar，头部的导航栏

一.pages.json配置文件的地方

二.效果图

三.代码

	"tabBar": {
		"borderStyle": "black",
		"backgroundColor": "#333",
		"color": "#8F8F94",
		"selectedColor": "#f33e54",
		"list": [{
				"pagePath": "pages/tabbar/tabbar-1/tabbar-1",
				"iconPath": "static/img/tabbar/home.png",
				"selectedIconPath": "static/img/tabbar/homeactive.png",
				"text": "首页"
			},
			{
				"pagePath": "pages/tabbar/tabbar-2/tabbar-2",
				"iconPath": "static/img/tabbar/guanzhu.png",
				"selectedIconPath": "static/img/tabbar/guanzhuactive.png",
				"text": "关注"
			},
			//#ifdef MP-WEIXIN
			{
				"pagePath": "pages/tabbar/tabbar-3/tabbar-3",
				"iconPath": "static/img/tabbar/add.png",
				"selectedIconPath": "static/img/tabbar/addactive.png",
				"text": "发布"
			},
			//#endif
			//#ifndef MP-WEIXIN
			{
				"pagePath": "pages/tabbar/tabbar-3/tabbar-3",
				"iconPath": "static/img/tabbar/add.png",
				"selectedIconPath": "static/img/tabbar/addactive.png"
			},
			//#endif
			{
				"pagePath": "pages/tabbar/tabbar-4/tabbar-4",
				"iconPath": "static/img/tabbar/news.png",
				"selectedIconPath": "static/img/tabbar/newsactive.png",
				"text": "消息"
			},
			{
				"pagePath": "pages/tabbar/tabbar-5/tabbar-5",
				"iconPath": "static/img/tabbar/me.png",
				"selectedIconPath": "static/img/tabbar/meactive.png",
				"text": "我"
			}
		]
	}
}

每一个配置项的意义从最顶部开始

1.borderStyle-------------边框的颜色

2.backgroundColor-----------背景的颜色

3.color--------------------文字的颜色

4.selectedColor------------选中的颜色

list下面的配置

5.pagePath-----------跳转的页面

6.iconPath-----------默认的背景图

7.selectedIconPath------选中的背景图（两张图片）

8.text--------------文本

四.修改后的一些演示效果

1.修改背景的颜色

	"backgroundColor": "#e6d8d6",

2.修改文字的颜色

"color": "#8F8F94",

3.选中过后的文字颜色

	"selectedColor": "#ffdc4b",

4.修改边框的颜色

"borderStyle": "#eb655f",

 5.默认的图片 

"iconPath": "static/img/tabbar/me.png",

6.选中之后的图片

"selectedIconPath": "static/img/tabbar/meactive.png",

7.文本

"text": "文本"

8.跳转的页面

"pagePath": "pages/tabbar/tabbar-5/tabbar-5",

五.头部导航栏的配置

1.效果图

2.代码（pages.json）

		{
			"path": "pages/tabbar/tabbar-1/tabbar-1",
			"style": {
		    "navigationBarTitleText":"今天星期五",
			"navigationBarTextStyle":"white",
			"navigationBarBackgroundColor":"#4CD964",
			"navigationStyle":""
			}
		},

3.参数

1. path：要跳转的页面

2. navigationBarTitleText:标题的文本

3.navigationBarTextStyle:   文本的颜色

4. default：white        black | white

5.navigationBarBackgroundColor:导航栏的背景颜色

6.navigationStyle：自定义导航栏

参数:default | custom

(1) default：

(2)custom:

没有导航栏