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即可 |