uni-app实现弹窗遮罩

要在uni-app中实现弹窗遮罩，可以使用uni-popup组件。该组件可以在弹出时覆盖整个页面，形成遮罩效果。具体实现步骤如下：

1. 在需要使用弹窗的页面引入uni-popup组件：

<template>
  <uni-popup
    ref="popup"
    :show="showPopup"
    :overlay="true"
    :position="position"
    :duration="duration"
    @maskClick="hidePopup"
  >
    <!-- 弹窗内容 -->
  </uni-popup>
</template>
<script>
  import uniPopup from '@/components/uni-popup/uni-popup.vue'
  export default {
    components: { uniPopup },
    data() {
      return {
        showPopup: false,
        position: 'bottom',
        duration: 300
      }
    },
    methods: {
      showPopup() {
        this.showPopup = true
      },
      hidePopup() {
        this.showPopup = false
      }
    }
  }
</script>

2. 在需要触发弹窗的元素上添加点击事件，调用showPopup方法显示弹窗：

<template>
  <view class="btn" @click="showPopup">点击弹出弹窗</view>
</template>

这样就可以在uni-app中实现弹窗遮罩效果了。需要注意的是，uni-popup组件还有很多参数可以配置，可以根据具体需求进行调整。