uniapp自定义左侧tabbar,下面的tabbar还存在

如果您想在 Uniapp 中自定义左侧的 tabbar，您可以通过以下步骤实现：

1. 在 App.vue 文件中，将原有的 tabbar 组件替换成自定义的组件，例如：

<template>
  <view>
    <custom-tabbar></custom-tabbar>
    <router-view></router-view>
  </view>
</template>

2. 在自定义的 tabbar 组件中，您可以使用原有的 tabbar 样式，并添加您需要的左侧的按钮或者其他元素，例如：

<template>
  <view class="custom-tabbar">
    <!-- 左侧按钮 -->
    <button class="custom-tabbar-left-button" @click="onLeftButtonClick"></button>
    <!-- 中间的 tabbar 按钮 -->
    <button class="custom-tabbar-tab-button" v-for="(item, index) in tabList" :key="index" @click="onTabClick(index)">{{ item.text }}</button>
  </view>
</template>

3. 在自定义的 tabbar 组件中，您需要处理 tabbar 的切换逻辑，例如：

<script>
  export default {
    data() {
      return {
        activeIndex: 0, // 当前选中的 tab 索引
        tabList: [
          { text: '首页', icon: 'home', link: '/pages/index/index' },
          { text: '订单', icon: 'orders', link: '/pages/orders/orders' },
          { text: '我的', icon: 'user', link: '/pages/user/user' }
        ]
      }
    },
    methods: {
      onLeftButtonClick() {
        // 处理左侧按钮的点击事件
      },
      onTabClick(index) {
        // 处理 tabbar 按钮的点击事件
        this.activeIndex = index
        uni.switchTab({ url: this.tabList[index].link })
      }
    }
  }
</script>

以上是一种简单的实现方式，您可以根据自己的需要进行修改和扩展。另外，需要注意的是，自定义的 tabbar 组件需要在每个页面中引入，否则无法正常显示。