微信小程序实现自定义tabbar

效果图：

描述：

实现自定义的tab栏，点击 【教辅】、【我的】就切换tab，底部还会显示tabBar，但是点击中间的【福】，需要跳到新的页面。

坑1：

（1）在custom-tab-bar/index里面是无法wx.navigateTo跳转的，只能使用switchTab。那么我们的【福】要怎样跳转呢。在app.json里面的tabbar 里面的list里去掉关于【福】的相关pagePath等配置。

自定义tabBar官网地址

相关代码如下：

（1）在根目录下新建文件：

custom-tab-bar/index.js
custom-tab-bar/index.json
custom-tab-bar/index.wxml
custom-tab-bar/index.wxss

（2）在app.json里面配置：

"tabBar": {
    "custom": true,    // 自定义的，必须设置奥
    "co