weui中如何点击遮罩关闭弹窗weui-mask

在weui中，可以通过以下步骤实现点击遮罩关闭弹窗weui-mask：

1. 在弹窗的HTML代码中，添加一个class为weui-mask的遮罩层元素，例如：

<div class="weui-mask"></div>
<div class="weui-dialog">
  <div class="weui-dialog__hd">
    <strong class="weui-dialog__title">弹窗标题</strong>
  </div>
  <div class="weui-dialog__bd">
    弹窗内容
  </div>
  <div class="weui-dialog__ft">
    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_primary">确定</a>
    <a href="javascript:;" class="weui-dialog__btn weui-dialog__btn_default">取消</a>
  </div>
</div>

2. 使用JavaScript代码监听遮罩层的点击事件，并在事件处理函数中关闭弹窗，例如：

$('.weui-mask').on('click', function(){
  $('.weui-dialog').fadeOut(200);
});

这样，当用户点击遮罩层时，弹窗就会关闭。