小程序二级页面自定义底部tabbar

外面是官方的tabbar  在个人中心进入特定页面 需要自定义一个新的底部tabbar

我这个是分包下的自定义底部tabbar  不分包自定义官方就有 在app.json中

开始-------------------------------------

先新建个文件夹 用来自定义tabar文件

我的文件结构是

 

 自定义底部tabbar 的wxml:

<view class="tab-bar">   
  <block wx:for="{
  {tabBar}}" wx:key="pagePath">    
  <!-- // data-url 传递参数，可以在navigateDetail方法中的e.currentTarget.dataset.url获取，在tabbar.js代码块中可以看到 -->
    <view class="section_item" bindtap="navigateDetail" data-url="{
  {item.pagePath}}">  
        <image class="section_image" src="{
  {item.selected ? item.selectedIconPath : item.iconPath}}"></image>  
        <text class="section_title">{
  {item.text}}</text>
    </view>