在之前項目後臺管理界面開發中，不知道有layer這樣好用的組件，我的內心是這樣的的。。。呀！這個框架有彈框，哈哈哈，好開心，不用自己寫遮罩層，不用自己寫彈框，好開森。。 當知道有layer之後。。。。。這麼方便，這麼人性化，好漂亮，哇哦，好簡單。。。 或許我這人看到新鮮的東西都叫好吧，不好的暫時沒發 ...
在之前項目後臺管理界面開發中，不知道有layer這樣好用的組件，我的內心是這樣的的。。。呀！這個框架有彈框，哈哈哈，好開心，不用自己寫遮罩層，不用自己寫彈框，好開森。。
當知道有layer之後。。。。。這麼方便，這麼人性化，好漂亮，哇哦，好簡單。。。
或許我這人看到新鮮的東西都叫好吧，不好的暫時沒發現，第一次寫博客，歡迎廣大園友來噴我。。O(∩_∩)O
主要使用的基礎參數：
1、type:類型。類型呢，這裡我就從官網http://layer.layui.com/api.html#type粘過來了
-
類型：Number，預設：0
layer提供了5種層類型。可傳入的值有：
0（信息框，預設）1（頁面層）2（iframe層）3（載入層）4（tips層）。 若你採用layer.open({type: 1})方式調用，則type為必填項（信息框除外）這裡我用了預設型0和頁面層1.
2、title：標題。我們可以重定義title樣式以及文字。樣式主要是對一個叫.layui-layer-title的class進行重定義，註意顏色要用！import提高優先順序。文字則是title:['轉發日誌']。當然，也可以不要title,title:false.
css代碼如下：.layui-layer-title{font-size:18px;background-color: #147ed6 !important;color: #ffffff !important;}當然這裡顏色你們可以自定義也可以用預設的。
當然，你也可以直接title:['轉發日誌','font-size:18px;background-color: #147ed6 !important;color: #ffffff !important;']。
但爭對於該頁彈層不止一個，建議採用css樣式對“.layui-layer-title”進行全局定義
3、closeBtn：關閉彈層按鈕。官網提供兩種樣式，可對參數配置1(嵌套在彈框內)或2（彈框外部右上角）來實現，如果不需要則配置0。在這裡我選擇的是closeBtn:1.
但是這裡呢，我對關閉按鈕進行了重定義，原官網提供預設的是一張黑色的圖片，這裡呢我把改成了一個大寫"X",因為我需要白色，又不想找圖片。
怎麼改的呢？
對承載樣式的class進行了重新定義：
.layui-layer-ico,.layui-layer-close,.layui-layer-close1{color: #ffffff;font-size: 20px !important;background: none !important;margin-top: -4px}
.layui-layer-ico,.layui-layer-close,.layui-layer-close1:hover{color: #ffffff;font-size: 20px;background: none !important;margin-top: -4px}
4、 content：彈框內容自定義，這裡就與平時大家用js封裝html沒什麼區別，如下：
content: '<div style="text-align:center;height:50px;margin-top: 50px";font-size: 16px>' +
'<label for="receive" style="color: #666666;">轉發給：</label>' +
'<input type="text" class="emailReceive" id="receive" placeholder="請輸入收件人" style="border-radius:2px;border: 1px solid #c3c3c3;width: 310px;height: 35px;padding-left: 10px;color:#333">' +
'</div>' +
'<input type="button" value="發送" id="sendEmail" class="sendEmail" >'
5、area:彈框的寬高。不設置就是自適應寬高，我們也可以設置，如此案例就是area: ['490px', '280px']
6、time:顯示時間。像提示性的彈框我們經常遇到，彈出一定時間後自動消失，time參數能實現彈框的消失。time:1000,彈出後1秒消失。
7、btn:按鈕。layer提供了按鈕參數，能快速增加“確定”和“取消”按鈕。具體詳見官網，這裡就是btn:["確定","取消"],
