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