[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('不刪除了') } }) ```