uniapp弹出层如何遮住底部tabbar

要在 Uniapp 中实现弹出层遮住底部 tabbar，可以按照以下步骤进行操作：

1. 首先，需要在 `pages.json` 文件中设置 `tabBar` 的属性 `custom` 为 true，这将使得底部的 tabbar 不会在所有页面中显示。示例代码如下：

{
  "tabBar": {
    "custom": true,
    "list": [
      {
        "pagePath": "pages/home/home",
        "text": "首页"
      },
      {
        "pagePath": "pages/discover/discover",
        "text": "发现"
      },
      {
        "pagePath": "pages/me/me",
        "text": "我"
      }
    ]
  }
}

2. 在需要显示弹出层的页面中，使用 `position: fixed` 和 `z-index` 来控制遮盖层的位置和层级。示例代码如下：

<template>
  <view>
    <!-- 页面内容 -->
    
    <!-- 弹出层 -->
    <view class="popup">
      <!-- 弹出层内容 -->
    </view>
  </view>
</template>

<style>
.popup {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
</style>

在上面的代码中，`position: fixed` 将弹出层固定在页面底部，`z-index` 设置了弹出层的层级，确保它在底部的 tabbar 上方显示。

这样，当你在需要显示弹出层的页面中触发显示弹出层的事件时，弹出层就会遮住底部的 tabbar。