雷火电竞官网-中国知名电竞赛事平台

　　layer彈出層組件是一款功能十分強大的網頁開發編程輔助工具，這款工具能夠幫助用戶更好地完成網頁開發工作，能夠完美兼容主流的windows瀏覽器，可支持以更少的代碼來展現完整的代碼功能，大大提高用戶的工作效率，有需要的小伙伴千萬不要錯過哦。

【應用場景】

　　layer彈出層組件最新版模塊化使用

　　如果你使用的是 layui，那么你直接在官網下載 layui 框架即可，無需引入 jQuery 和 layer.js，但需要引入layui.css和layui.js

　　作為獨立組件使用

　　如果你只是單獨想使用 layer，你可以去 layer 獨立版本官網下載組件包。你需要在你的頁面引入jQuery1.8以上的任意版本，并引入layer.js。

【使用教程】

　　layer彈出層組件最新版皮膚制作說明

　　第一步：命名文件夾

　　在layer的skin目錄建立一個文件夾，假設您將該文件夾命名為：yourskin

　　第二步：創建樣式等文件

　　在yourskin文件夾下建立一個單獨的樣式文件，務必命名為：style.css。并且你可能用到的圖片也要存放在該文件夾下

　　第三步：書寫樣式

　　1. 務必在第一行加上這句：

　　/* 選擇器格式為：html #layui_layer_skin文件夾名stylecss，這一點非常重要 */

　　html #layui_layer_skinyourskinstylecss{display:none; position: absolute; width:1989px;}

　　2. 繼續書寫務必遵循這種格式：

　　body .layer-ext-yourskin .layui-layer-title{}

　　body .layui-ext-yourskin .layui-layer-btn{}

　　body .layui-ext-yourskin .layui-layer-btn a{}

　　/* 你可以通過調試工具重置更多樣式 */

　　第四步：調試

　　通過全局配置看看你的皮膚定義的如何：

　　layer.config({

　　extend: ['skin/myskin/style.css'], //加載您的擴展樣式

　　skin: 'layer-ext-yourskin'

　　});

　　layer.alert('layer皮膚-Yourskin');

　　第五步：發布

　　1. 現在你已經成功制作了一個皮膚了，如果你覺得它很美，你可以共享出更多的人使用。

　　2. 那么你應該制作一個簡單的頁面來介紹你的皮膚，提供盡可能簡單的使用說明。

　　3. 然后將制作好的皮膚發送給官方郵箱。