小程序自定义底部导航

1.app.json设置tabBar属性 "custom": true,注意需要在tabBar里面定义对应的tab页面
2.根目录创建custom-tab-bar的文件夹，不要问为什么，百度
3.custom-tab-bar目录下创建index组件
4.在index组件写你想要的样式效果，并对应tabBar里面定义的页面路由
wxml：
<view >
<text wx:for="{{list}}" data-pagePath="{{item.pagePath}}" bindtap="bin" data-ind="{{index}}" wx:key="item">{{item.text}}{{index}}</text>
</view>
js：
  bin:function(e){
      let pht=e.currentTarget.dataset.pagePath;
      let ind=e.currentTarget.dataset.ind;
      console.log(ind)
      if(ind==0){
        wx.switchTab({
          url: "/pages/logs/logs",
        })
      }else{
        wx.switchTab({
          url: "/pages/page/page1",
        })
      }