# **彈窗調用**
注意：如果單單只使用彈窗的話請引入layer.js即可,jq要先引用
~~~
<script src="{$addon_static_path}public/layer/layer.js"></script>
~~~
代碼示例
1.使用自動關閉的彈出調用layer.msg
~~~
layer.msg('用戶名不得為空',{
title:'錯誤提示',
icon:2,
time:2000,
offset: 'auto',
skin:'layui-layer-lan'
});
~~~
2.使用不自動關閉的彈窗調用layer.alert
~~~
layer.alert('用戶名不得為空',{
title:'錯誤提示',
icon:2,
offset: 'auto',
skin:'layui-layer-lan'
});
~~~
**一些常用參數說明**(詳細說明請看官方文檔https://www.layui.com/doc/modules/layer.html)
| 值 | 備注 |
| --- | --- |
| title | 標題 |
| icon| 圖標，0-6,信息提示請使用8 |
| skin | 樣式類名，可自定義，官方提供三種主體,1.layui-layer-lan(深藍),2.layui-layer-molv(墨綠),3白藍（不寫即為默認）|
| offset | 默認：垂直水平居中,改變按css參數設置，順時針四個值，['1px','2px','2px','3px'] |
| time| 關閉時間，毫秒級|
| btn| 按鈕，寫多個為數組，['按鈕一','按鈕二','按鈕三']|
| 按鈕的回調函數 | 具體使用方法請看下面的例子，注意btn有多少個按鈕，下面就寫多少個回調函數，為一一對應 |
按鈕回調函數示例
~~~
layer.alert('用戶名不得為空',{
title:'錯誤提示',
icon:2,
offset: 'auto',
skin:'layui-layer-lan',
btn:['按鈕一','按鈕二'],
btn1:function(){
console.log(1111);
},
btn2:function(){
console.log(222);
}
});
~~~
