[TOC] # 插件-layer 弹出层 layer弹出层用于美化和统一移动端各个平台的弹窗,且原生的弹窗"alert"会阻塞脚本运行 ## API 1. `v.layer.alert(content,time = 3)` 普通弹窗,默认3秒后关闭 2. `v.layer.loading(msg='')` 弹出一个loading(默认页面只允许一个loading,所以打开另一个的时候会关闭前面一个) 3. `v.layer.close(layerIndex)` 关闭某个弹窗,所有弹出框方法都会返回一个唯一id标示 4. `v.layer.closeAll()` 关闭所有弹窗 5. `v.layer.open(config)` 打开指定配置的弹窗所有配置如下 ## 配置说明 * `type` 类型：`Number` 默认：0，设置弹层的类型，0表示信息框，1表示页面层，2表示加载层 * `content` 类型：`String` 必选参数，控制弹层内容 * `title` 类型：`String`或`Array` 默认：空，控制层的标题，值为字符串或者数组 * `time` 类型：`Number` 默认：无，控制自动关闭层所需秒数，支持整数和浮点数 * `style` 类型：`String` 默认：空字符，控制层的样式，非常实用，如 * `className` 类型：`String` 默认：空字符，定义css类，用于自定义样式。如 * `btn` 类型：`Array` 默认：空数组，控制显示的按钮，支持1-2个长度。例子 * `shade` 类型：`Boolean` 默认：true，是否显示遮罩 * `shadeClose` 类型：`Boolean` 默认：true，是否点击遮罩时关闭层 * `anim` 类型：`Boolean` 默认：true，是否动画弹出 * `fixed` 类型：`Boolean` 默认：true，是否固定层的位置 * `top` 类型：`Number` 默认：无，控制层的纵坐标，一般情况下不需要设置，因为层会始终垂直水平居中，只有当fixed:false时top才有效。 * `success` 类型：`Function` 层成功弹出层的回调函数，返回一个参数为当前层元素对象 * `yes` 类型：`Function` 点确定按钮触发的回调函数，返回一个参数为当前层的索引 * `no` 类型：`Function` 点取消按钮触发的回调函数 * `cancel` 类型：`Function` 点右上角关闭按钮触发的回调函数 * `end` 类型：`Function` 层彻底销毁后的回调函数 ## 示例 ```javascript v.layer.open({ style: 'border:none; background-color:#78BA32; color:#fff;', content:'内容' }) ``` ```javascript v.layer.open({ title:'删除吗', content:'问你删除不删除???', btn:['删除','不删除'], yes:function(index){ v.layer.close(index) v.layer.alert('删除了') }, no:function(){ v.layer.alert('不删除了') } }) ```