uni-popup如何遮挡住uniapp自带的tabbar

要想在uni-app中使用uni-popup组件遮挡住tabbar，可以使用如下方法：

1. 在App.vue中设置一个变量isTabBar，用来控制tabbar的显示和隐藏：

<template>
  <div>
    <uni-popup v-if="showPopup"></uni-popup>
    <tabbar v-if="isTabBar"></tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isTabBar: true,
      showPopup: false
    }
  }
}
</script>

2. 在需要弹出popup的页面中，设置isTabBar为false，这样就能够遮挡住tabbar了：

<template>
  <div>
    <button @click="showPopup = true">弹出popup</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showPopup: false
    }
  },
  onShow() {
    this.$parent.isTabBar = false;
  },
  onHide() {
    this.$parent.isTabBar = true;
  }
}
</script>

注意：在页面切换时要及时修改isTabBar的值，避免页面跳转后tabbar未能及时显示或隐藏的问题。