uniapp closeOnClickOverlay

在使用 UniApp 中，如果你想要在点击蒙层时关闭某个组件（例如弹框），可以通过设置 `close-on-click-overlay` 属性来实现。将该属性设置为 `true` 表示在点击蒙层时关闭组件，设置为 `false` 则表示不关闭。

例如，在一个弹框组件中，你可以添加以下代码实现点击蒙层关闭弹框：

<template>
  <view>
    <view class="overlay" :class="{'show': showOverlay}" @click="closeOverlay"></view>
    <view class="modal" :class="{'show': showModal}">
      <!-- 弹框内容 -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      showOverlay: false,
      showModal: false
    };
  },
  methods: {
    openModal() {
      this.showOverlay = true;
      this.showModal = true;
    },
    closeOverlay() {
      this.showOverlay = false;
      this.showModal = false;
    }
  }
};
</script>

<style>
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}

.overlay.show {
  display: block;
}

.modal {
  /* 弹框样式 */
}
</style>

在上述代码中，点击`overlay`元素时会触发 `closeOverlay` 方法，将 `showOverlay` 和 `showModal` 设置为 `false`，从而关闭弹框。你可以根据自己的需求进行相应的修改和适配。