layui彈出層基礎參數

一、type-層類型

類型：Number  默認為0（信息框）;

 

 1（頁面層）,可以在頁面添加HTML內容

 

2（iframe層）

 

 3（加載層）加載時顯示的彈出框

 4（tips層）

需要綁定ID就不展示了

 

二、title標題

參數類型：String, Array, Boolean

String :即標題的文本

Array: 即CSS樣式，如color:yellow

Boolean:不展示標題時可設置為flase

 

三、content內容

參數類型: String, Dom, Array

String: 內容是字符串

Dom: 獲取一個Dom的元素，根據id等，可能對原有HTML代碼有影響，最好放在body最外層（？）

Array: 當使用layer.open執行tips層時，需要填入tips層的三項必填項

 

三、skin（樣式類名）

參數類型：String, 默認為空可以傳入自定義的class來完成自定義樣式

這是layer皮膚制作說明

skin: 'layui-layer-molv'效果如下：

 

 

四、area（寬高）

參數類型：String, Array 默認 'auto'

String: 單獨定義寬度時，設置一個參數即可定義寬度

Array: 寬高度都自定義時，即為兩個參數

 

五、offset（坐標）

參數類型：String, Array 默認'auto' 垂直水平居中

String: 'auto' 垂直水平居中；  '100px' top坐標，水平居中； 

填入html簡略詞時同樣有效：

t：頂部；r：右邊緣； b：底部；l：左邊緣； lt：左上角；rt：右上角；lb：左下角； rb：右下角

Array: ['100px', '50px'] 同時設置垂直水平坐標

 

六、icon（圖標）

參數類型：Number, 默認不顯示圖標，若想顯示則參數是0~6數字

 

 

七、btn（按鈕）

參數類型：String, Array 默認：'確認'

可以為兩個按鈕綁定回調方法

layer.confirm('納尼？', {
  btn: ['按鈕一', '按鈕二', '按鈕三'] //可以無限個按鈕
  ,btn3: function(index, layero){
    //按鈕【按鈕三】的回調
  }
}, function(index, layero){
  //按鈕【按鈕一】的回調
}, function(index){
  //按鈕【按鈕二】的回調
});

 

 

 八、btnAlign（按鈕排列）

參數類型：String 默認為右

layer.open({
  content: '111111111',
  btnAlign: 'c'
});

 

 

九、closeBtn（關閉按鈕）

參數類型：String, Boolean 默認1即原始樣式，下面是2的樣式

 

 

十、shade（遮罩）

參數類型：String, Array, Boolean 默認0.3

彈出層的外部區域，設置0.8透明度的#393D49顏色

Array: shade: [0.8, '#393D49'] 

 

十一、shadeClose（是否點擊遮罩層關閉）

參數類型：Blooean 默認false

開啟后，點擊彈出層的外層區域即可關閉彈出層

 

十二、time（自動關閉所需毫秒）

參數類型：Number 默認0，即不會自動關閉，自動關閉時設置時間即可

 

十三、