layer基础参数介绍

最新推荐文章于 2024-08-01 14:45:35 发布

一只爱好编程的程序猿

最新推荐文章于 2024-08-01 14:45:35 发布

阅读量696

点赞数 1

分类专栏： js 文章标签： html css js

本文链接：https://blog.csdn.net/qq_37881565/article/details/107655482

版权

js 专栏收录该内容

6 篇文章 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即可