欢迎光临，了解微信小程序开发，就上易用通！

当前位置： 易用通 > 开发文档 > 入门

小程序 用css实现遮罩效果

发布：2018-01-25 09:51浏览： 次来源：网络 作者：tianshu


小程序 用css实现遮罩效果(图1) 
如图所示，用小程序实现的遮罩层，代码如下
  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.   
  7.         <block wx:for="{{agentList}}" wx:for-item="a" wx:key="a.name">  
  8.         <view class="ved">  
  9.           <view class="titd">{{a.name}}</view>  
  10.           <view class="addd">{{a.cityName}}{{a.districtName}}{{a.address}}</view>  
  11.         </view>  
  12.         </block>  
  13.   
  14.       </view>  
  15.        
  16. </view>  
  17. </modal>  
复制代码
modal设置参数说明
小程序 用css实现遮罩效果(图2) 

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



免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

相关文章
最新文章
推荐文章
随机文章
热门小程序
开发文档 | 运营教程 小程序模板 | 小程序应用 | 标签大全
Copyright © 2017 https://www.yiyongtong.com 易用通 版权所有