无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/meta.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubcss.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/menu.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/top.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/head.htm

[ lyuif-mask ] 遮罩层

时间:2020-09-19 23:05来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-mask ] 遮罩层 # 参数说明 API 满足各种机型适配需求的顶部导航栏 参数 说明 类型 默认值 ui 组件容器-外部class类 Strting / css 组件容器-style样式 Strting / show 组件容器-显示隐藏状态 Boolean false on-close 组件容器-点击关闭(单位:毫秒) Strting 300 bind-close-after-time 配置点击-组件容器-定时关闭时间 Boolean false z 组件容器-z-index 层级 Strting 1000 gps 定位方式-类型: 1 / 固定定位(fixed) 2 / 相对定位(relative) 3 / 绝对定位(absolute) 4 / 无定位(sticky) 5 / 无定位(-webkit-sticky) 6 / 无定位(static) String / o 组件容器-透明度 String / time 过渡时间(单位:秒) String 0.3 Lyuif组件源码展示 lyuif-mask on-close={{true}} bind-close-after-time=1000 show={{show}} time=1 gps=1 z=120 o=0.3 容器内容 /lyuif-mask/ 事件 Events 参数 说明 类型 默认值 bind:tap 点击触发 eventhandle / bind:close 点击关闭触发 eventhandle / bind:cl

V1.1.1 [ lyuif-mask ] 遮罩层#

参数说明 API
满足各种机型适配需求的顶部导航栏
参数 说明 类型 默认值
ui 组件容器-外部class类 Strting /
css 组件容器-style样式 Strting /
show 组件容器-显示隐藏状态 Boolean false
on-close 组件容器-点击关闭(单位:毫秒) Strting 300
bind-close-after-time 配置点击-组件容器-定时关闭时间 Boolean false
z 组件容器-z-index 层级 Strting 1000
gps 定位方式-类型:
 1 / 固定定位(fixed)
 2 / 相对定位(relative)
 3 / 绝对定位(absolute)
 4 / 无定位(sticky)
 5 / 无定位(-webkit-sticky)
 6 / 无定位(static)
String /
o 组件容器-透明度 String /
time 过渡时间(单位:秒) String 0.3

Lyuif组件源码展示

  1. <lyuif-mask
  2.     on-close="{{true}}"
  3.     bind-close-after-time="1000"
  4.     show="{{show}}"
  5.     time="1"
  6.     gps="1"
  7.     z="120"
  8.     o="0.3"
  9. >
  10.  
  11. 容器内容
  12.  
  13. </lyuif-mask/>
  14.  
事件 Events
 
参数 说明 类型 默认值
bind:tap 点击触发 eventhandle /
bind:close 点击关闭触发 eventhandle /
bind:close-after 点击关闭后触发 eventhandle /

Lyuif组件源码展示

  1. <lyuif-mask
  2.     bind:tap="tap"
  3.     bind:close="close"
  4.     bind:close-after="closeAfter"
  5.  
  6. />
  7.  
  8.  
  9. ({Page
  10.     tap(){
  11.     console.log('tap')
  12.     },
  13.     close(){
  14.     console.log('close')
  15.     },
  16.     closeAfter(){
  17.     console.log('closeAfter')
  18.     },
  19. })
  20.  
前端UI框架,UI框架组件,小程序组件,Lyuif前端框架专注于高效UI解决方案.lyuif是一款HTML/CSS前端框架,高效组件搭配lyui基因碎片化组合完美适配设计稿以及迭代更新,高效前端开发解决方案
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footer.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/side.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footbar.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubjs.htm