点击按钮 写了个遮罩弹框 可以点开，但是点开以后，想要再次点击遮罩部分取消遮罩 如下代码需要？

<image wx:if="{{flag}}"class="xindex2" bindtap='changeYL' src="/resource/Zhicon.png"></image>

<view class="commodity_screen"  bindtap="hideModal" wx:if="{{showModal}}" ></view>

<view class="commodity_attr_box"  wx:if="{{showModal}}">

  <cover-view class="showBox"  >

      <cover-image class="left" src="https://www.huaxintop.com/images/znpd.png"></cover-image> 

      <cover-view class="right">1</cover-view>

      <br/>

    </cover-view>

    <cover-view class="content">

      介绍：2

    </cover-view>

</view>

js：

  changeYL: function () {

    this.setData({

      showModal: true

    })

  },

 

  hideModal: function () {

    this.setData({

      showModal: false

    });

  },