关于uni-app 开发 自定义2套tabbar的解决方式

关于uni-app 开发  自定义tabbar的解决方式

1、首先新建组件tabBar.vue

<template name="tabBar">
    <view class="tab-bar">
        <block v-for="(item,index) in tabBarList.list" >
            <navigator :url="item.pagePath" class="menu-item">
              <text>{
  {item.text}}</text>
            </navigator>
        </block>
        <view class="clear"></view>
    </view>
</template>


<style>

    .menu-item{
      width: 18%;
      float: left;
      text-align: center;
      padding-top: 5px;
      border: 0px solid #000000;
      font-size: 14px;
    }
    .clear{
      clear: both;
    }
    .tab-bar{
      position: fixed;
      width: 100%;
      left: 0px;
      bottom: 0px;
      padding: 0px 14px;
    }
</style>

2、在APP.vue 添加如下方法

globalData: {