遮罩 小程序

如图所示，用小程序实现的遮罩层，代码如下

[html] view plain copy

print?

1. <modal class="modal" hidden="{{modalFlag}}" no-cancel bindconfirm="modalOk" confirmText="我知道了">
2. <view class="dew">
3. <image src="../../images/ts.png" alt="" class="age"></image>
4. <view class="vedw">根据您当前所在位置，向您推荐以下服务站点，该服务点服务范围周边3公里</view>
5. <view class="po_w">
6. <block wx:for="{{agentList}}" wx:for-item="a" wx:key="a.name">
7. <view class="ved">
8. <view class="titd">{{a.name}}</view>
9. <view class="addd">{{a.cityName}}{{a.districtName}}{{a.address}}</view>
10. </view>
11. </block>
12. </view>
13. </view>
14. </modal>

modal设置参数说明

在js中通过控制hiddle的true和false来控制遮罩的显示或者影藏