小程序用modal实现遮罩层

作者：模板之家 2018-1-25 09:51 4793人关注

小程序用css实现遮罩效果如图所示，用小程序实现的遮罩层，代码如下 modal class=modal hidden={{modalFlag}} no-cancel bindconfirm=modalOk confirmText=我知道了 view class=dew image src=../../images/ts.png ...

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

<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>

复制代码