找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

小程序 用css实现遮罩效果

作者:模板之家 2018-1-25 09:50 2093人关注

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


 
如图所示,用小程序实现的遮罩层,代码如下
  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设置参数说明
 

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

路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)