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

浅浅的花香味﹌ 2021-09-26 09:36 449阅读 0赞

> 核心方法
> 
>     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官网  
    [http://www.layui.com/doc/modules/layer.html\#content][http_www.layui.com_doc_modules_layer.html_content]

[http_www.layui.com_doc_modules_layer.html_content]: http://www.layui.com/doc/modules/layer.html#content