Implementation of navigation bar at the bottom of applet

1、 The navigation bar at the bottom of the applet is the thing at the bottom

2、 This needs to be app.json Set at “tabBar”

Examples are as follows ：

{
  "pages": [
    "pages/index/index",
    "pages/pages1/pages1",
    "pages/pages2/pages2"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTitleText": " Applet name ",
    "navigationBarTextStyle": "black",
    "backgroundColor": "#EA0000"
  },
  "sitemapLocation": "sitemap.json",
  "tabBar": {
    "color": "#666666",
    "selectedColor": "#f10b2e",
    "list": [
      {
        "pagePath": "pages/pages1/pages1",
        "text": " page 1",
        "iconPath": "*****",// Icon when not selected 
        "selectedIconPath": "*****"// The selected icon 
      },
      {
        "pagePath": "pages/pages2/pages2",
        "text": " page 2",
        "iconPath": "*****",// Icon when not selected 
        "selectedIconPath": "*****"// The selected icon 
      }
    ]
  }
}

3、 example ：

"tabBar": {
		"color": "#000000",
		"selectedColor": "#FF6900",
		"borderStyle": "black",
		"list": [
			// 	{
			// 	"iconPath": "/static/tabbar/index.png",
			// 	"selectedIconPath": "/static/tabbar/index.png",
			// 	"pagePath": "pages/index/index",
			// 	"text": " home page "
			// }, 
			{
				"iconPath": "/static/tabbar/workbench.png",
				"selectedIconPath": "/static/tabbar/work.png",
				"pagePath": "pages/workbench/work",
				"text": " The workbench "
			},
			// {
			// 	"iconPath": "/static/tabbar/msg.png",
			// 	"selectedIconPath": "/static/tabbar/msg.png",
			// 	"pagePath": "pages/message/mes",
			// 	"text": " news "
			// }, 
			{
				"iconPath": "/static/tabbar/my.png",
				"selectedIconPath": "/static/tabbar/my.png",
				"pagePath": "pages/my/my",
				"text": " my "
			}
		]
	},

4、 It should be noted that ：

Other pages should jump to tabBar page , Need to use wx.switchTab, Examples are as follows ：

wx.switchTab({
        url: '../pages1/pages1'
      })