和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:'内容'
})
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的层