layer的基本参数和用法

基本参数

type - 基本层类型:

类型:Number,默认0

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

标题

类型:String/Array/Boolean,默认:'信息'

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

内容

类型:String/DOM/Array,默认:''

content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同。


skin样式类名

类型:String,默认:''

skin不仅允许你传入layer内置的样式风格class名,还可以传入您自定义的class名。这是一个很好的切入点,以为着你可以借助skin轻松完成不同的风格定制。目前layer内置的skin:layui-layer-lanlayui-layer-molv,未来我们换回选择性地内置更多,但是推荐您来自定义。一下是一个自定义风格的简单列子

area宽高

类型:String/Array,默认:'auto'

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

offset-坐标

类型:String/array,默认:'auto'

默认垂直水平居中。但当你只想定义top时,你可以offset: '100px'。当你top、left都要定义时,你可以offset: ['100px', '200px']。除此之外,你还可以定义offset: 'rb',表示右下角。其他的特殊坐标,你可以自己计算赋值。

icon-图标。信息框和加载层的私有参数

类型:Number,默认:-1(信息框)/0(加载层)

信息框默认不显示图标。当你想显示图标时,默认皮肤可以传入0-6如果是加载层,可以传入0-2。如:


btn-按钮

类型:String/Array,默认:'确认'

信息框模式时,btn默认是一个确认按钮,其它层类型则默认不显示,加载层和tips层则无效。当您只想自定义一个按钮时,你可以btn: '我知道了',当你要定义两个按钮时,你可以btn: ['yes', 'no']。当然,你也可以定义更多按钮,比如:btn: ['按钮1', '按钮2', '按钮3', …],按钮1和按钮2的回调分别是yes和cancel,而从按钮3开始,则回调为btn3: function(){},以此类推。如:






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值