<p>如图所示,用小程序实现的遮罩层,代码如下</p><p><img src="/up_pic/201906/241016526383.png" title="241016526383.png" alt="1.png"/></p><pre class="brush:xml;toolbar:false"><modalclass="modal"hidden="{{modalFlag}}"no-cancelbindconfirm="modalOk"confirmText="我知道了">
<viewclass="dew">
<imagesrc="../../images/ts.png"alt=""class="age"></image>
<viewclass="vedw">根据您当前所在位置,向您推荐以下服务站点,该服务点服务范围周边3公里</view>
<viewclass="po_w">
<blockwx:for="{{agentList}}"wx:for-item="a"wx:key="a.name">
<viewclass="ved">
<viewclass="titd">{{a.name}}</view>
<viewclass="addd">{{a.cityName}}{{a.districtName}}{{a.address}}</view>
</view>
</block>
</view>
</view>
</modal></pre><p>modal设置参数说明</p><p><img src="/up_pic/201906/241017066627.png" title="241017066627.png" alt="2.png"/></p><p><span >在js中通过控制hiddle的true和false来控制遮罩的显示或者隐藏</span></p>