微信小程序自定义底部tabbar

一、小程序自定义底部菜单

1. 引入微信官方的自定义菜单 https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html  这是官网地址，下载的官方demo放在根目录下

2. app.js种定义全局的tab变量。并且在生命周期中根据逻辑判断赋值

3. 在自定义tabbar的js中生命周期里面重新设置tab

4. 由于小程序底部tabbar为fixed布局。所以需要设置一个全局padding-bottom为自定义tabbar高度的全局样式，在所有有tabbar的页面最外层标签上都加上此样式，这样才不会导致页面被tabbar遮挡