小程序 实现遮罩层

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

<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来控制遮罩的显示或者影藏

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页