uniapp如何覆盖tabbar

要覆盖uniapp中的tabbar，可以使用自定义导航栏来实现。具体步骤如下：

1. 在页面的 `onLoad` 生命周期方法中，设置导航栏高度为0，隐藏系统导航栏。如下所示：

onLoad() {
  uni.hideTabBar({
    animation: true
  })
  uni.setNavigationBarTitle({
    title: '页面标题'
  })
  uni.setNavigationBarColor({
    frontColor: '#ffffff',
    backgroundColor: '#000000'
  })
  uni.setNavigationBarHeight({
    height: 0
  })
}

2. 在页面中添加自定义导航栏，例如使用 `uniNavBar` 组件。如下所示：

<template>
  <view>
    <uni-nav-bar
      title="自定义导航栏标题"
      background-color="#000000"
      color="#ffffff"
      :back-text="false"
      :show-back="false"
      :border-bottom="false"
    ></uni-nav-bar>
  </view>
</template>

3. 在页面中添加需要显示的内容。

4. 在页面的 `onUnload` 生命周期方法中，重新显示系统的 tabbar。如下所示：

onUnload() {
  uni.showTabBar({
    animation: true
  })
}

这样就可以实现覆盖uniapp中的tabbar的效果。