tabar弹窗

您好，如果您想在tabbar上弹出窗口，可以考虑使用uni-popup组件。具体实现步骤如下：

1. 在页面上引入uni-popup组件，并设置弹出窗口的内容和样式。

2. 在tabbar的每一个选项卡中添加点击事件，触发弹出窗口的显示。

下面是一个示例代码，供您参考：

<template>
  <view>
    <view class="content">
      <view>这里是页面内容</view>
      <view>
        <button @click="showPopup(1)">弹出窗口1</button>
        <button @click="showPopup(2)">弹出窗口2</button>
      </view>
    </view>
    <uni-popup v-model="popup1" position="bottom" :style="{height: '300rpx'}">
      <view class="popup-content">这里是弹出窗口1的内容</view>
    </uni-popup>
    <uni-popup v-model="popup2" position="bottom" :style="{height: '400rpx'}">
      <view class="popup-content">这里是弹出窗口2的内容</view>
    </uni-popup>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        popup1: false,
        popup2: false
      }
    },
    methods: {
      showPopup(index) {
        if(index === 1) {
          this.popup1 = true;
        } else if(index === 2) {
          this.popup2 = true;
        }
      }
    }
  }
</script>

<style>
  .content {
    height: 100%;
    padding: 20rpx;
  }
  .popup-content {
    height: 100%;
    background-color: #fff;
    padding: 20rpx;
  }
</style>

在上面的代码中，我们在页面中引入了uni-popup组件，并在选项卡的点击事件中设置弹出窗口的显示。其中，popup1和popup2是两个布尔型的变量，用于控制弹出窗口的显示和隐藏。在uni-popup组件中，我们可以通过v-model来控制弹出窗口的显示和隐藏，position属性用于设置弹出窗口的位置，style属性用于设置弹出窗口的样式。