当前位置: 代码迷 >> 综合 >> layer基础参数介绍
  详细解决方案

layer基础参数介绍

热度:99   发布时间:2024-02-02 06:33:24.0
layer.open({skin:'layui-layer-molv',type: 1,title: title,area:['800px',''300px],offset:'auto',fixed: false,content: $('#abevent')
})

 

名称 类型 默认值 注释
type Number 0 layer提供了5种层类型。可传入的值有:0(信息框,默认),1(页面层),2(iframe层),3(加载层),4(tips层).
title String/Array/Boolean ‘信息’ 若你传入的是普通的字符串,如title:'我是标题',那么只会改变标题文本;若你还需要自定义标题区域样式,那么你可以title:['文本',‘font-size:18px;’],数组第二项可以写任意css样式;如果你不想显示标题栏,你可以title:false.
content String/DOM/Array '' content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同。
skin String '' skin不仅允许你传入layer内置的样式class名,还可以传入您自定义的class名
area String/Array ‘auto’ 在默认状态下,layer是宽高都是自适应;当只想定义宽度时,你可以area:'500px',高度是自适应;当你宽高都要定义时,你可以area:['500px','300px']
offset String/Array 垂直水平居中 offset:'auto' 默认坐标,及垂直水平居中;offset:'100px' 只定义top坐标,水平保持居中;offset:['100px','50px'] 同时定义top,left坐标
btn String/Array '确认'  
btnAlign String r btnAlign:'l' 按钮左对齐  btnAlign:'c' 按钮居中对齐  btnAlign:'r' 按钮右对齐   
 closeBtn String/Boolean 1 可以通过配置1和2来展示,如果不显示,则closeBtn:0
shade String/Array/Boolean 0.3 定义别的颜色,可以shade:[0.8,'#393D49'];如果不想显示遮罩,可以shade:0
fixed Boolean true 鼠标滚动时,层是否固定在可视区域。如果不想,设置fixed:false即可