uni-app学习笔记2（黑马视频版）

配置基本的Tabbar（底部导航栏）

PS:当设置position为 top时，将不会显示 icon（图标）
tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。
tabbar 切换第一次加载时可能渲染不及时，可以在每个tabbar页面的onLoad生命周期里先弹出一个等待当花(hello uni-app使用了此方式
tabbar的页面展现过一次后就保留在内存中，再次切换tabbar页面，只会触发每个页面的onShow，不会再触发onLoad,
顶部的 tabbar目前仅微信小程序上支持。需要用到如娜部选项卡的话，建议不使用labar的顶部没置，而是自己做页部选项卡，可参考hello uni-app->模极->顶部选项卡

设置tabbar(在pages.json中)

1，声明所需页面

{
    //设置存放路径
	"pages" : [ //pages数组中第一项表示应用启动页，参考: https:// uniapp.dcloud.io/ collocation/pages
	{
   
		"path": "pages/index /index"},
	{
   
		"path": "pages/message/message",
		"style" : {
   
			//设置标题字
			"navigationBarTitleText":“信息页",//标题栏颜色
			"navigationBarBackgroundcolor":"#03a9f5",
			"h5": {
   
				//下拉刷新
				"pu11ToRefresh": {
   
					"color" :“#CDADee"
				}
			}
		}
	},
	{
   
		"path":"pages/ contact/ contact"
	}

在设置页面下部（紧接上面的"path":“pages/ contact/ contact”）设置tabbar:

"tabBar": {
   
	//未选中时文字颜色:
	"color":""#OOffff"",
	// 选中的颜色
	"selectedColor": ""#00aaff",
	//背景色
	"backgroundColor": ""#FFFFFF",
	// 上边框的颜色:
	"borderStyle" : "black",
	// position : "top"格式只在微信小程序上显示
	"position" : "bottom",
	//数组
	"list": [{
   
		//当前页面设置
		"text":"首页",
		"pagePath": "pages/index/index",
		"iconPath": "static/tabs/home.png",
		"selectedIconPath": "static/tabs/home-active.png"
	},
	{