uniapp 点击tabbar 弹出弹框

可以在uni-app中使用uni.showModal()方法来实现点击tabbar弹出弹框的功能。具体步骤如下：

1. 在app.vue文件中，监听tabBar的点击事件，当点击对应的tab时，调用showModal()方法，弹出弹框。

<template>
  <div>
    <tabbar @click="showModal"></tabbar>
  </div>
</template>

<script>
  export default {
    methods: {
      showModal() {
        uni.showModal({
          title: '提示',
          content: '您确定要跳转吗？',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定')
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          }
        });
      }
    }
  }
</script>

2. 在对应的页面中，设置tabBar的样式和图标等信息。

<template>
  <div>
    <view>这是页面内容</view>
  </div>
</template>

<script>
  export default {
    onNavigationBarButtonTap() {
      console.log('点击了tabBar')
    },
    onShow() {
      uni.setTabBarItem({
        index: 0,
        text: '首页',
        iconPath: 'static/tabbar/home.png',
        selectedIconPath: 'static/tabbar/home_selected.png'
      });
      uni.setTabBarItem({
        index: 1,
        text: '我的',
        iconPath: 'static/tabbar/my.png',
        selectedIconPath: 'static/tabbar/my_selected.png'
      });
    }
  }
</script>

以上就是在uni-app中点击tabBar弹出弹框的实现方法。需要注意的是，uni.showModal()方法需要在页面中引入uni-app的API。