layer扩展皮肤库

  
layer提供了强健的皮肤扩展接口，这意味着如果你对layer默认的样式不太满意，你还有更多的选择。
 
第一步：存放
将您下载的皮肤包（假设文件夹名为：myskin）解压。
如果是独立版的layer，则将myskin存放在skin目录下
如果是layui中使用layer，则将myskin存放在css/modules/layer目录下
 
第二步：使用
1. 全局配置
layer.config({
  extend: 'myskin/style.css', //加载新皮肤
  skin: 'layer-ext-myskin' //一旦设定，所有弹层风格都采用此主题。
});
 
2. 局部使用
layer.config({
  extend: 'myskin/style.css' //同样需要加载新皮肤
});
 
//单个使用
layer.open({
  skin: 'layer-ext-myskin' //只对该层采用myskin皮肤
});
 
//也就是说，无论你全局还是局部，都要通过layer.config的extend来加载样式。

我们希望有审美观的你参与定制，我们也会在此为你提供展现的空间和访问的入口。但是你必须了解一下layer的皮肤机制，如果你稍微懂点CSS，你会发现这件事做起来非常简单。

【第一步】：命名文件夹
在layer的skin目录建立一个文件夹，假设您将该文件夹命名为：yourskin
 
【第二步】：创建样式等文件
在yourskin文件夹下建立一个单独的样式文件，务必命名为：style.css。并且你可能用到的图片也要存放在该文件夹下
 
【第三步】：书写样式
/*  
通过body前缀，是为了确保你皮肤的优先级
你可以通过调试工具重置更多样式 
*/
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: 'myskin/style.css', //加载您的扩展样式
  skin: 'layer-ext-yourskin'
});
layer.alert('layer皮肤-Yourskin');
 
【最后一步】：发布
1. 现在你已经成功制作了一个皮肤了，如果你觉得它很美，你可以共享出更多的人使用。
2. 那么你应该制作一个简单的页面来介绍你的皮肤，提供尽可能简单的使用说明（就像这个：layer.seaning.com）。
3. 然后将你的皮肤主题页网址通过任意渠道发给贤心（比如可以通过邮箱：xu@sentsin.com）

jQuery-plugin-layer（弹出层插件）官方演示与讲解