uniapp遮盖原生tabbar

你可以使用uni-app提供的`navigation-bar`组件来实现遮盖原生`tabbar`的效果。首先，在你的页面文件中，将`navigation-bar`组件放在页面的底部，设置其高度和样式，使其覆盖原生`tabbar`。然后，通过编写相应的逻辑代码，控制`navigation-bar`的显示和隐藏，以达到遮盖原生`tabbar`的效果。具体的实现步骤和代码示例如下：

1. 在你的页面文件中，引入`navigation-bar`组件：

<template>
  <view>
    <!-- 页面内容 -->
    <view class="content">
      ...
    </view>

    <!-- navigation-bar组件 -->
    <navigation-bar class="tabbar"></navigation-bar>
  </view>
</template>

2. 在页面的样式文件中，设置`navigation-bar`组件的样式，使其覆盖原生`tabbar`：

.tabbar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px; /* 根据实际需求设置高度 */
  background-color: #fff; /* 根据实际需求设置背景色 */
}

3. 在页面的逻辑代码中，控制`navigation-bar`组件的显示和隐藏：

export default {
  data() {
    return {
      showTabbar: true // 控制导航栏的显示和隐藏
    }
  },
  onShow() {
    // 在页面显示时，隐藏原生tabbar
    uni.hideTabBar({
      animation: true
    })
  },
  onHide() {
    // 在页面隐藏时，显示原生tabbar
    uni.showTabBar({
      animation: true
    })
  }
}

通过以上步骤，你可以在uni-app中实现遮盖原生`tabbar`的效果。注意要根据实际需求调整样式和逻辑代码。