微调加载机制

skin/layer.ext.css

@@ -1,44 +1,8 @@
-/** 
+/*!
  
  @Name: layer拓展样式
  @Date: 2012.12.13
  @Author: 贤心
  @blog: sentsin.com
  
-**/
-
-.layui-layer-iconext{background:url(default/icon_ext.png) no-repeat;}
-html #layui_layer_skinlayerextcss{display:none; position: absolute; width:1989px;}
-
-/* prompt模式 */
-.layui-layer-prompt .layui-layer-input{display:block; width:220px; height:30px; margin:0 auto; line-height:30px; padding: 0 5px; border: 1px solid #ccc; background: url(default/textbg.png) #fff repeat-x; color:#333;}
-.layui-layer-prompt textarea.layui-layer-input{width:300px; height:100px; line-height:20px;}
-
-/* tab模式 */
-.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4);}
-.layui-layer-tab .layui-layer-title{padding-left:0; border-bottom:1px solid #ccc; background-color:#eee; overflow: visible;}
-.layui-layer-tab .layui-layer-title span{position:relative; float:left; min-width:80px; max-width:260px; padding:0 20px; text-align:center; cursor:default; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
-.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:36px; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; z-index:10;}
-.layui-layer-tab .layui-layer-title span:first-child{border-left:none;}
-.layui-layer-tabmain{line-height:24px; clear:both;}
-.layui-layer-tabmain .layui-layer-tabli{display:none;}
-.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer{display:block;}
-.xubox_tabclose{position:absolute; right:10px; top:5px; cursor:pointer;}
-
-/* photo模式 */
-.layui-layer-photos{-webkit-animation-duration:1s; animation-duration:1s; background: url(default/xubox_loading1.gif) center center no-repeat #000;}
-.layui-layer-photos .layui-layer-content{overflow:hidden; text-align: center;}
-.layui-layer-photos .layui-layer-phimg img{position: relative; width:100%; display: inline-block; *display:inline; *zoom:1; vertical-align:top;}
-.layui-layer-imguide,.layui-layer-imgbar{display:none;}
-.layui-layer-imgprev, .layui-layer-imgnext{position:absolute; top:50%; width:27px; _width:44px; height:44px;  margin-top:-22px; outline:none;blr:expression(this.onFocus=this.blur());}
-.layui-layer-imgprev{left:10px; background-position:-5px -5px; _background-position:-70px -5px;}
-.layui-layer-imgprev:hover{background-position:-33px -5px; _background-position:-120px -5px;}
-.layui-layer-imgnext{right:10px; _right:8px; background-position:-5px -50px; _background-position:-70px -50px;}
-.layui-layer-imgnext:hover{background-position:-33px -50px; _background-position:-120px -50px;}
-.layui-layer-imgbar{position:absolute; left:0; bottom:0; width:100%; height:32px; line-height:32px; background-color:rgba(0,0,0,.8); background-color:#000\9; filter:Alpha(opacity=80); color:#fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:0;}
-.layui-layer-imgtit{/*position:absolute; left:20px;*/}
-.layui-layer-imgtit *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
-.layui-layer-imgtit a{max-width:65%;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#fff;}
-.layui-layer-imgtit a:hover{color:#fff; text-decoration:underline;}
-.layui-layer-imgtit em{padding-left:10px;}
-
+ */.layui-layer-iconext{background:url(default/icon_ext.png) no-repeat}html #layui_layer_skinlayerextcss{display:none;position:absolute;width:1989px}.layui-layer-prompt .layui-layer-input{display:block;width:220px;height:30px;margin:0 auto;line-height:30px;padding:0 5px;border:1px solid #ccc;background:url(default/textbg.png) #fff repeat-x;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;border-bottom:1px solid #ccc;background-color:#eee;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;cursor:default;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:36px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer{display:block}.xubox_tabclose{position:absolute;right:10px;top:5px;cursor:pointer}.layui-layer-photos{-webkit-animation-duration:1s;animation-duration:1s;background:url(default/xubox_loading1.gif) center center no-repeat #000}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imguide,.layui-layer-imgbar{display:none}.layui-layer-imgprev,.layui-layer-imgnext{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px}

skin/yyblog/yyblog.css

@@ -0,0 +1,34 @@
+/** 
+ 
+ @Name: layer皮肤--yyblog
+ @Date: 2015.04.19
+ @Author: 隐
+ @blog: seaning.com
+ @remark:
+    1.新增flat风格图标，替换layer默认图标，新图标大小为48px;
+    2.更改按钮位置，右对齐
+    3.添加title的底部border
+
+**/
+
+body .yyblog .layui-layer-title{background:#f6f6f6; color:#000; border: 1px #e7e7e7 solid;}
+body .yyblog .layui-layer-content .layui-layer-ico{width:48px; height:48px;}
+
+body .yyblog .layui-layer-ico0{background:url(default.png) no-repeat 0 0;}
+body .yyblog .layui-layer-ico1{background:url(default.png) no-repeat -48px 0;}
+body .yyblog .layui-layer-ico2{background:url(default.png) no-repeat -96px 0;}
+body .yyblog .layui-layer-ico3{background:url(default.png) no-repeat -144px 0;}
+body .yyblog .layui-layer-ico4{background:url(default.png) no-repeat -192px 0;}
+body .yyblog .layui-layer-ico5{background:url(default.png) no-repeat -240px 0;}
+body .yyblog .layui-layer-ico6{background:url(default.png) no-repeat -288px 0;}
+body .yyblog .layui-layer-ico7{background:url(default.png) no-repeat -336px 0;}
+body .yyblog .layui-layer-ico8{background:url(default.png) no-repeat -384px 0;}
+body .yyblog .layui-layer-ico9{background:url(default.png) no-repeat -432px 0;}
+body .yyblog .layui-layer-ico10{background:url(default.png) no-repeat -480px 0;}
+body .yyblog .layui-layer-ico11{background:url(default.png) no-repeat -528px 0;}
+body .yyblog .layui-layer-ico12{background:url(default.png) no-repeat -576px 0;}
+body .yyblog .layui-layer-ico13{background:url(default.png) no-repeat -624px 0;}
+
+body .yyblog .layui-layer-content{border-bottom:1px #e9e9e9 solid;padding:30px;}
+body .yyblog .layui-layer-padding{padding-top:28px;padding-left:74px;}
+body .yyblog .layui-layer-btn{padding:5px 0;text-align:right;}

src/layer.js

@@ -36,7 +36,7 @@ window.layer = {
         typeof options.extend === 'string' && (options.extend = [options.extend]);
         layer.use('skin/layer.css', (options.extend && options.extend.length > 0) ? (function loop(){
             var ext = options.extend;
-            layer.use('extend/'+ext[ext[item] ? item : item-1], item < ext.length ? function(){
+            layer.use(ext[ext[item] ? item : item-1], item < ext.length ? function(){
                 ++item; 
                 return loop;
             }() : fn);

src/skin/layer.css

@@ -41,7 +41,7 @@ html #layui_layer_skinlayercss{display:none; position: absolute; width:1989px;}
 @-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layui-anim-07{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
 
 /* 标题栏 */
-.layui-layer-title{padding:0 80px 0 10px; height:35px; line-height:35px; border-bottom:1px solid #D5D5D5; font-size:14px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:#E1E1E1;}
+.layui-layer-title{padding:0 80px 0 10px; height:35px; line-height:35px; border-bottom:1px solid #D5D5D5; font-size:14px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color:#EAEAEA;}
 .layui-layer-setwin{position:absolute; right:10px; *right:0; top:10px; font-size:0; line-height: initial;}
 .layui-layer-setwin a{position:relative; width: 14px; height:14px; margin-left:10px; font-size:12px; _overflow:hidden;}
 .layui-layer-setwin .layui-layer-min cite{position:absolute; width:14px; height:2px; left:0; top:50%; margin-top:-1px; background-color:#919191; cursor:pointer; _overflow:hidden;}

src/skin/layer.ext.css

@@ -1,11 +1,11 @@
-/** 
+/*!
  
  @Name: layer拓展样式
  @Date: 2012.12.13
  @Author: 贤心
  @blog: sentsin.com
  
-**/
+ */
 
 .layui-layer-iconext{background:url(default/icon_ext.png) no-repeat;}
 html #layui_layer_skinlayerextcss{display:none; position: absolute; width:1989px;}