
如图所示,用小程序实现的遮罩层,代码如下
- <modal class="modal" hidden="{{modalFlag}}" no-cancel bindconfirm="modalOk" confirmText="我知道了">
- <view class="dew">
- <image src="../../images/ts.png" alt="" class="age"></image>
- <view class="vedw">根据您当前所在位置,向您推荐以下服务站点,该服务点服务范围周边3公里</view>
- <view class="po_w">
-
- <block wx:for="{{agentList}}" wx:for-item="a" wx:key="a.name">
- <view class="ved">
- <view class="titd">{{a.name}}</view>
- <view class="addd">{{a.cityName}}{{a.districtName}}{{a.address}}</view>
- </view>
- </block>
-
- </view>
-
- </view>
- </modal>
modal设置参数说明

在js中通过控制hiddle的true和false来控制遮罩的显示或者影藏
遮罩 小程序
原文:http://www.cnblogs.com/promiseZ/p/6668555.html