[wechat applet development] (II) wechat native bottom tabbar configuration

1 Note that the added pages are displayed in the pages Introduction in

"pages": [ //pages The first item in the array represents the application startup page , Reference resources ：https://uniapp.dcloud.io/collocation/pages
		{
    
			"path": "pages/index/index",
			"style": {
    
				"navigationBarTitleText": " home page "
			}
		},
		{
    
			"path": "pages/list/index",
			"style": {
    
				"navigationBarTitleText": " List of pp. "
			}
		},
		{
    
			"path": "pages/userCenter/index",
			"style": {
    
				"navigationBarTitleText": " Personal center "
			}
		}
	]

2 And then in tabbar Configure page path and menu selection color

"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": " home page "
		}, {
    
			"pagePath": "pages/list/index",
			"iconPath": "static/iconfont/icon_f6z500i978v/a-huaban2fuben6.png",
			"selectedIconPath": "static/iconfont/icon_raosim3pe9/a-huaban2fuben6.png",
			"text": " List of pp. "
		}, {
    
			"pagePath": "pages/userCenter/index",
			"iconPath": "./static/iconfont/icon_f6z500i978v/a-huaban2fuben15.png",
			"selectedIconPath": "static/iconfont/icon_raosim3pe9/a-huaban2fuben15.png",
			"text": " Personal center "
		}]
	}

You will get the following page