Layer For Mobile API

和PC版不同的是,我们只提供一个核心调用方法,即layer.open(options)。各类型的层你可以通过layer.open进行二次封装。

参数

即核心接口: layer.open(options) 中的options:

type

类型:Number

默认:0,设置弹层的类型,0表示信息框,1表示页面层,2表示加载层

content

类型:String

必选参数,控制弹层内容

title

类型:String或Array

默认:空,控制层的标题,值为字符串或者数组

time

类型:Number

默认:无,控制自动关闭层所需秒数,支持整数和浮点数

style

类型:String

默认:空字符,控制层的样式,非常实用,如

layer.open({
style: 'border:none; background-color:#78BA32; color:#fff;',
content:'内容'
})

运行
  

className

类型:String

默认:空字符,定义css类,用于自定义样式。如

layer.open({
className: 'popuo-login',
content:'内容'
})

btn

类型:Array

默认:空数组,控制显示的按钮,支持1-2个长度。例子

layer.open({
btn: ['OK'],
content:'内容'
})

运行
  

shade

类型:Boolean

默认:true,是否显示遮罩

shadeClose

类型:Boolean

默认:true,是否点击遮罩时关闭层

anim

类型:Boolean

默认:true,是否动画弹出

fixed

类型:Boolean

默认:true,是否固定层的位置

top

类型:Number

默认:无,控制层的纵坐标,一般情况下不需要设置,因为层会始终垂直水平居中,只有当fixed:false时top才有效。

top: (document.documentElement.clientHeight-200)/2 //垂直居中        

success

类型:Function

层成功弹出层的回调函数,返回一个参数为当前层元素对象

success: function(elem){
console.log(elem);
}      

yes

类型:Function

点确定按钮触发的回调函数,返回一个参数为当前层的索引

yes: function(index){
alert('点击了是')
layer.close(index)
}      

no

类型:Function

点取消按钮触发的回调函数

cancel

类型:Function

点右上角关闭按钮触发的回调函数

end

类型:Function

层彻底销毁后的回调函数

其它内置方法/属性

layer.v

静态属性

返回当前使用的layer mobile版本号

layer.close(index)

方法

用于关闭特定层,index为该特定层的索引

layer.closeAll()

方法

关闭页面所有layer的层