uni-popup 是 uni-app 提供的一个组件，它可以用来弹出一个浮层，覆盖在其他内容之上。如果你想使用 uni-popup 遮挡住 uni-app 自带的 tabbar，你可以这样做：

1. 在 uni-app 的根目录下新建一个文件夹，名为 components，然后在 components 文件夹中新建一个组件，名为 uni-popup。

2. 在 uni-popup 组件中，使用 v-if 指令来控制 uni-popup 组件的显示和隐藏。

3. 在 uni-popup 组件中，使用 fixed 定位来设置 uni-popup 组件的位置，并且将它的 z-index 设置为一个较大的值，使它能够在其他组件之上。

4. 在 uni-app 的根目录下的 main.js 中，引入 uni-popup 组件并注册为全局组件。

5. 在 uni-app 的根目录下的 main.js 中，通过 Vue.prototype.$popup 方法将 uni-popup 组件绑定到 Vue 的原型上。

6. 在 uni-app 的根目录下的 main.js 中，通过 Vue.prototype.$popup.show 方法来显示 uni-popup 组件。

7. 在 uni-app 的根目录下的 main.js 中，通过 Vue.prototype.$popup.hide 方法来隐藏 uni-popup 组件。

8. 在 uni-app 的根目录下的 main.js 中，通过 Vue.prototype.$popup.toggle 方法来切换 uni-popup 组件的显示状态。

示例代码如下：

```