【微信小程序开发】（二）微信原生底部tabbar配置

1 需要注意所添加的页面都被在pages中引入

"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页"
			}
		},
		{
			"path": "pages/list/index",
			"style": {
				"navigationBarTitleText": "列表页"
			}
		},
		{
			"path": "pages/userCenter/index",
			"style": {
				"navigationBarTitleText": "个人中心"
			}
		}
	]

2 然后在tabbar中配置页面路径和菜单选中色

"tabBar": {
		"color": "#2c2c2c",
		"selectedColor": "#d81e06",
		"borderStyle": "black",
		"backgroundColor": "#ffffff",
		"height": "50px",
		"fontSize": "10px",
		"iconWidth": "24px",
		"spacing": "3px",
		"list": [{
			"pagePath": "pages/index/index",
			"iconPath": "static/iconfont/icon_f6z500i978v/a-huaban2.png",
			"selectedIconPath": "static/iconfont/icon_raosim3pe9/a-huaban2.png",
			"text": "首页"
		}, {
			"pagePath": "pages/list/index",
			"iconPath": "static/iconfont/icon_f6z500i978v/a-huaban2fuben6.png",
			"selectedIconPath": "static/iconfont/icon_raosim3pe9/a-huaban2fuben6.png",
			"text": "列表页"
		}, {
			"pagePath": "pages/userCenter/index",
			"iconPath": "./static/iconfont/icon_f6z500i978v/a-huaban2fuben15.png",
			"selectedIconPath": "static/iconfont/icon_raosim3pe9/a-huaban2fuben15.png",
			"text": "个人中心"
		}]
	}

将得到如下页面