点击按钮 写了个遮罩弹框 可以点开,但是点开以后,想要再次点击遮罩部分取消遮罩 如下代码需要?
发布于 4 年前 作者 umao 12564 次浏览 来自 官方Issues

<image wx:if="{{flag}}"class="xindex2bindtap='changeYLsrc="/resource/Zhicon.png"></image>

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

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

  <cover-view class="showBox"  >

      <cover-image class="leftsrc="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

    });

  },

2 回复
<image class="xindex2" bindtap='changeYL' src="/resource/Zhicon.png" />
<view class="commodity_screen" bindtap="changeYL"></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-view class="right">1</cover-view>
    </cover-view>
    <cover-view class="content">介绍:2</cover-view>
</view>
  changeYL() {
    this.setData({
      showModal: !this.data.showModal
    })
  },

请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

弄成代码片段吧 好解决一点

回到顶部