layui弹出层(open)的属性

摘要:
layui.open属性如:打开一个弹出层核心方法varindex=layer.open;layer.full;//最小化type-基本层类类型:Number,默认:0layer提供了5种层类型。目前layer内置的skin有:layui-layer-lanlayui-layer-molv推荐使用自己来定义area-宽高类型:String/Array,默认:’auto’在默认状态下,layer是宽高都自适应的,但当你只想定义宽度时,你可以area:‘500px’,高度仍然是自适应的。但如果你不想垂直水平居中,可以进行查询官网赋值maxmin-最大最小化。类型:Boolean,默认:false该参数值对type:1和type:2有效。
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弹出层(open)的属性》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇MeteoInfo-Java解析与绘图教程(二)html5 video微信浏览器视频不能自动播放下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Jenkins配置git进行构建失败:Error cloning remote repo 'origin'的解决思路

出现如下的错误:Errorcloningremoterepo'origin'解决思路:1、第一时间发现应该是权限问题,那么可以切换成git协议或者https的协议去获取。...

powerdesigner与数据库之间的连接

useUnicode=true&characterEncoding=UT8&serverTimezone=UTC 9JDBCdriverjarfiles:指定连接的jar包路径。测试连接。连接成功。进入工作区。3.2 3.2powerdesigner连接到oracle。其原理与连接MySQL的原理相同。在已安装的oracle下找到ojdbc1...

搭建Squid3 密码账号IP代理

默认端口是端口3128,它已被滥用。注意修改端口,并应用Squid密码帐户方法保护流量...

Webstorm快捷键

网店快捷键1.搜索/替换,包括全局搜索和文件搜索。...

vant-picker二次封装

痛点在项目经常会遇到这样的设计,下拉选择框,在vant中没有提供直接的select组件,但是可以使用Field、Popup和Picker这三个组件组合来完成。this.show;}},watch:{selectValue:function{this.result=newVal;},result{this.$emit;}}};效果链接:https://www....

c# Socket心跳试验,自定义发送包 和 使用KeepAlive

我记录了我心跳的位置,但WireShark无法检测到正在发送的消息,主要是因为发送的数据大小为0。如果网络电缆被拔掉,下次检测到心跳时就会报告错误。虽然这种方法可以检测套接字是否断开,但它不是很好,响应也不及时。当使用KeepAlive时,WireShark通常会检测到它不停地向Socket服务器发送消息,即心跳检测。图:通过三次握手(前三次握手)建立连接后...