layui弹出层（open）的属性介绍

前端  /  管理员 发布于 4年前   1129

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

更多layui知识请关注layui使用教程栏目。

以上就是layui弹出层（open）的属性介绍的详细内容，更多请关注其它相关文章！