html 的layer的属性,浅谈layui弹出层（open）的属性

layui框架是一款采用自身模块规范编写的前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。下面本篇文章为大家介绍一下layui弹出层(open)的属性，希望对大家有一定的帮助。

layui.open属性如:打开一个弹出层

核心方法var index = layer.open({

type : 2,

title : title,

maxmin : true,

offset: '100px',

area : [ '600px', '500px' ],

content : prefix + url// iframe的url

});

layer.full(index); //最小化

type - 基本层类

类型：Number，默认：0

layer提供了5种层类型。可传入的值有：0(信息框，默认)1(页面层)2(iframe层)3(加载层)4(tips层)。 若你采用layer.open({type: 1})方式调用，则type为必填项(信息框除外)

title - 标题

类型：String/Array/Boolean，默认：’信息’

title支持三种类型的值，若你传入的是普通的字符串，如title :’我是标题’，那么只会改变标题文本；若你还需要自定义标题区域样式，那么你可以title: [‘文本’, ‘font-size:18px;’]，数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false

content - 内容

类型：String/DOM/Array，默认：”

content可传入的值是灵活多变的，不仅可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同(定义一个form表单传入时直接通过("#id")传入，dom对象form的验证没影响，如果

(“#id”).html()这样取出的是html元素。)

skin - 样式类名

类型：String，默认：”

skin允许传入layer内置的样式class名，还可以传入自定义的class名。目前layer内置的skin有：layui-layer-lanlayui-layer-molv推荐使用自己来定义

area - 宽高

类型：String/Array，默认：’auto’

在默认状态下，layer是宽高都自适应的，但当你只想定义宽度时，你可以area: ‘500px’，高度仍然是自适应的。当你宽高都要定义时，你可以area: [‘500px’, ‘300px’]

offset - 坐标

类型：String/Array，默认：垂直水平居中

offset默认情况下不用设置。但如果你不想垂直水平居中,可以进行查询官网赋值

maxmin - 最大最小化。

类型：Boolean，默认：false

该参数值对type:1和type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可

更多前端开发知识，请查阅 HTML中文网 ！！