mirror of https://github.com/layui/layer
update
sentsin
parent
7a149d423f
commit
bdc560bf6a
13
CHANGELOG.md
13
CHANGELOG.md
|
|
@ -1,4 +1,15 @@
|
||||||
【2.1】2015.11.04
|
【2.2】2015.03.18
|
||||||
|
> 增加参数id，用于控制弹层唯一标识。如不想重复弹出，可设置该值。
|
||||||
|
> layer.tips允许出现遮罩，即不对shade参数做限制。
|
||||||
|
> 对layer.photos方法直接弹出页面图片进行了事件委托，修复了之前由于动态插入的img而无法执行
|
||||||
|
|
||||||
|
弹出的bug，并且修复了当图片信息改变时，仍然弹出了之前的图片的bug
|
||||||
|
> layer.photos方法多处代码进行了优化
|
||||||
|
> 对layer.tab方法新增回调函数change，用于监听选项卡的切换事件，返回一个选项卡索引参数。
|
||||||
|
> 样式微调
|
||||||
|
|
||||||
|
|
||||||
|
【2.1】2015.11.04
|
||||||
* 修复在使用seajs或者requirejs后，layer.ext.js报layer未定义的错误。
|
* 修复在使用seajs或者requirejs后，layer.ext.js报layer未定义的错误。
|
||||||
* 修复弹出层后，回车键无效的bug。
|
* 修复弹出层后，回车键无效的bug。
|
||||||
* 修复iframe层的success回调在ie8以下浏览器无效的bug
|
* 修复iframe层的success回调在ie8以下浏览器无效的bug
|
||||||
|
|
|
||||||
114
GruntFile.js
114
GruntFile.js
|
|
@ -1,63 +1,63 @@
|
||||||
module.exports = function(grunt) {
|
module.exports = function(grunt) {
|
||||||
|
|
||||||
// Project configuration.
|
// Project configuration.
|
||||||
grunt.initConfig({
|
grunt.initConfig({
|
||||||
pkg: grunt.file.readJSON('package.json'),
|
pkg: grunt.file.readJSON('package.json'),
|
||||||
|
|
||||||
//压缩js - layer
|
|
||||||
uglify: {
|
|
||||||
options: {
|
|
||||||
expand: true
|
|
||||||
},
|
|
||||||
'layer.js': {
|
|
||||||
options: {
|
|
||||||
banner: '/*! layer-v<%= pkg.version %> <%= pkg.description %> License LGPL <%= pkg.homepage %> By <%= pkg.author %> */\n;'
|
|
||||||
},
|
|
||||||
src: './src/layer.js',
|
|
||||||
dest: './layer.js'
|
|
||||||
},
|
|
||||||
'layer.ext.js': {
|
|
||||||
options: {
|
|
||||||
banner: '/*! layer<%= pkg.description %>拓展类 */\n;'
|
|
||||||
},
|
|
||||||
src: './src/extend/layer.ext.js',
|
|
||||||
dest: './extend/layer.ext.js'
|
|
||||||
},
|
|
||||||
'layer.mobile.js': {
|
|
||||||
options: {
|
|
||||||
banner: '/*! layer mobile-v<%= pkg.mobile %> <%= pkg.description %>移动版 License LGPL <%= pkg.homepage %>mobile By <%= pkg.author %> */\n;'
|
|
||||||
},
|
|
||||||
src: './src/mobile/layer.js',
|
|
||||||
dest: './mobile/layer.js'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
//压缩css
|
|
||||||
cssmin: {
|
|
||||||
options : {
|
|
||||||
compatibility : 'ie8', //设置兼容模式
|
|
||||||
noAdvanced : true //取消高级特性
|
|
||||||
}
|
|
||||||
,layer: {
|
|
||||||
files: [{
|
|
||||||
expand: true,
|
|
||||||
cwd: './src/skin',
|
|
||||||
src: ['*.css', '!*.min.css'],
|
|
||||||
dest: './skin'
|
|
||||||
}, {
|
|
||||||
expand: true,
|
|
||||||
cwd: './src/mobile/need',
|
|
||||||
src: ['*.css', '!*.min.css'],
|
|
||||||
dest: './mobile/need'
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
grunt.loadNpmTasks('grunt-contrib-uglify');
|
|
||||||
grunt.loadNpmTasks('grunt-contrib-cssmin');
|
|
||||||
|
|
||||||
grunt.registerTask('default', ['uglify', 'cssmin']);
|
//压缩js - layer
|
||||||
|
uglify: {
|
||||||
|
options: {
|
||||||
|
expand: true
|
||||||
|
},
|
||||||
|
'layer.js': {
|
||||||
|
options: {
|
||||||
|
banner: '/*! layer-v<%= pkg.version %> <%= pkg.description %> License LGPL <%= pkg.homepage %> By <%= pkg.author %> */\n;'
|
||||||
|
},
|
||||||
|
src: './src/layer.js',
|
||||||
|
dest: './layer.js'
|
||||||
|
},
|
||||||
|
'layer.ext.js': {
|
||||||
|
options: {
|
||||||
|
banner: '/*! layer<%= pkg.description %>拓展类 */\n;'
|
||||||
|
},
|
||||||
|
src: './src/extend/layer.ext.js',
|
||||||
|
dest: './extend/layer.ext.js'
|
||||||
|
},
|
||||||
|
'layer.mobile.js': {
|
||||||
|
options: {
|
||||||
|
banner: '/*! layer mobile-v<%= pkg.mobile %> <%= pkg.description %>移动版 License LGPL <%= pkg.homepage %>mobile By <%= pkg.author %> */\n;'
|
||||||
|
},
|
||||||
|
src: './src/mobile/layer.js',
|
||||||
|
dest: './mobile/layer.js'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
//压缩css
|
||||||
|
cssmin: {
|
||||||
|
options : {
|
||||||
|
compatibility : 'ie8', //设置兼容模式
|
||||||
|
noAdvanced : true //取消高级特性
|
||||||
|
}
|
||||||
|
,layer: {
|
||||||
|
files: [{
|
||||||
|
expand: true,
|
||||||
|
cwd: './src/skin',
|
||||||
|
src: ['*.css', '!*.min.css'],
|
||||||
|
dest: './skin'
|
||||||
|
}, {
|
||||||
|
expand: true,
|
||||||
|
cwd: './src/mobile/need',
|
||||||
|
src: ['*.css', '!*.min.css'],
|
||||||
|
dest: './mobile/need'
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
grunt.loadNpmTasks('grunt-contrib-uglify');
|
||||||
|
grunt.loadNpmTasks('grunt-contrib-cssmin');
|
||||||
|
|
||||||
|
grunt.registerTask('default', ['uglify', 'cssmin']);
|
||||||
|
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "layer",
|
"name": "layer",
|
||||||
"main": "src/layer.js",
|
"main": "src/layer.js",
|
||||||
"version": "2.1.0",
|
"version": "2.2.0",
|
||||||
"homepage": "https://github.com/sentsin/layer",
|
"homepage": "https://github.com/sentsin/layer",
|
||||||
"authors": [
|
"authors": [
|
||||||
"sentsin <xu@sentsin.com>"
|
"sentsin <xu@sentsin.com>"
|
||||||
|
|
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
/*! layer弹层组件拓展类 */
|
/*! layer弹层组件拓展类 */
|
||||||
;!function(){layer.use("skin/layer.ext.css",function(){layer.layui_layer_extendlayerextjs=!0});var a=layer.cache||{},b=function(b){return a.skin?" "+a.skin+" "+a.skin+"-"+b:""};layer.prompt=function(a,c){a=a||{},"function"==typeof a&&(c=a);var d,e=2==a.formType?'<textarea class="layui-layer-input">'+(a.value||"")+"</textarea>":function(){return'<input type="'+(1==a.formType?"password":"text")+'" class="layui-layer-input" value="'+(a.value||"")+'">'}();return layer.open($.extend({btn:["确定","取消"],content:e,skin:"layui-layer-prompt"+b("prompt"),success:function(a){d=a.find(".layui-layer-input"),d.focus()},yes:function(b){var e=d.val();""===e?d.focus():e.length>(a.maxlength||500)?layer.tips("最多输入"+(a.maxlength||500)+"个字数",d,{tips:1}):c&&c(e,b,d)}},a))},layer.tab=function(a){a=a||{};var c=a.tab||{};return layer.open($.extend({type:1,skin:"layui-layer-tab"+b("tab"),title:function(){var a=c.length,b=1,d="";if(a>0)for(d='<span class="layui-layer-tabnow">'+c[0].title+"</span>";a>b;b++)d+="<span>"+c[b].title+"</span>";return d}(),content:'<ul class="layui-layer-tabmain">'+function(){var a=c.length,b=1,d="";if(a>0)for(d='<li class="layui-layer-tabli xubox_tab_layer">'+(c[0].content||"no content")+"</li>";a>b;b++)d+='<li class="layui-layer-tabli">'+(c[b].content||"no content")+"</li>";return d}()+"</ul>",success:function(a){var b=a.find(".layui-layer-title").children(),c=a.find(".layui-layer-tabmain").children();b.on("mousedown",function(a){a.stopPropagation?a.stopPropagation():a.cancelBubble=!0;var b=$(this),d=b.index();b.addClass("layui-layer-tabnow").siblings().removeClass("layui-layer-tabnow"),c.eq(d).show().siblings().hide()})}},a))},layer.photos=function(a,c,d){function e(a,b,c){var d=new Image;d.onload=function(){d.onload=null,b(d)},d.onerror=function(a){d.onerror=null,c(a)},d.src=a}var f={};if(a=a||{},a.photos){var g=a.photos.constructor===Object,h=g?a.photos:{},i=h.data||[],j=h.start||0;if(f.imgIndex=j+1,g){if(0===i.length)return void layer.msg("没有图片")}else{var k=$(a.photos),l=k.find(a.img||"img");if(0===l.length)return;if(c||k.find(h.img||"img").each(function(b){var c=$(this);i.push({alt:c.attr("alt"),pid:c.attr("layer-pid"),src:c.attr("layer-src")||c.attr("src"),thumb:c.attr("src")}),c.on("click",function(){layer.photos($.extend(a,{photos:{start:b,data:i,tab:a.tab},full:a.full}),!0)})}),!c)return}f.imgprev=function(a){f.imgIndex--,f.imgIndex<1&&(f.imgIndex=i.length),f.tabimg(a)},f.imgnext=function(a,b){f.imgIndex++,f.imgIndex>i.length&&(f.imgIndex=1,b)||f.tabimg(a)},f.keyup=function(a){if(!f.end){var b=a.keyCode;a.preventDefault(),37===b?f.imgprev(!0):39===b?f.imgnext(!0):27===b&&layer.close(f.index)}},f.tabimg=function(b){i.length<=1||(h.start=f.imgIndex-1,layer.close(f.index),layer.photos(a,!0,b))},f.event=function(){f.bigimg.hover(function(){f.imgsee.show()},function(){f.imgsee.hide()}),f.bigimg.find(".layui-layer-imgprev").on("click",function(a){a.preventDefault(),f.imgprev()}),f.bigimg.find(".layui-layer-imgnext").on("click",function(a){a.preventDefault(),f.imgnext()}),$(document).on("keyup",f.keyup)},f.loadi=layer.load(1,{shade:"shade"in a?!1:.9,scrollbar:!1}),e(i[j].src,function(c){layer.close(f.loadi),f.index=layer.open($.extend({type:1,area:function(){var b=[c.width,c.height],d=[$(window).width()-100,$(window).height()-100];return!a.full&&b[0]>d[0]&&(b[0]=d[0],b[1]=b[0]*d[1]/b[0]),[b[0]+"px",b[1]+"px"]}(),title:!1,shade:.9,shadeClose:!0,closeBtn:!1,move:".layui-layer-phimg img",moveType:1,scrollbar:!1,moveOut:!0,shift:5*Math.random()|0,skin:"layui-layer-photos"+b("photos"),content:'<div class="layui-layer-phimg"><img src="'+i[j].src+'" alt="'+(i[j].alt||"")+'" layer-pid="'+i[j].pid+'"><div class="layui-layer-imgsee">'+(i.length>1?'<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>':"")+'<div class="layui-layer-imgbar" style="display:'+(d?"block":"")+'"><span class="layui-layer-imgtit"><a href="javascript:;">'+(i[j].alt||"")+"</a><em>"+f.imgIndex+"/"+i.length+"</em></span></div></div></div>",success:function(b,c){f.bigimg=b.find(".layui-layer-phimg"),f.imgsee=b.find(".layui-layer-imguide,.layui-layer-imgbar"),f.event(b),a.tab&&a.tab(i[j],b)},end:function(){f.end=!0,$(document).off("keyup",f.keyup)}},a))},function(){layer.close(f.loadi),layer.msg("当前图片地址异常<br>是否继续查看下一张？",{time:3e4,btn:["下一张","不看了"],yes:function(){i.length>1&&f.imgnext(!0,!0)}})})}}}();
|
;!function(){layer.use("skin/layer.ext.css",function(){layer.layui_layer_extendlayerextjs=!0});var a=layer.cache||{},b=function(b){return a.skin?" "+a.skin+" "+a.skin+"-"+b:""};layer.prompt=function(a,c){a=a||{},"function"==typeof a&&(c=a);var d,e=2==a.formType?'<textarea class="layui-layer-input">'+(a.value||"")+"</textarea>":function(){return'<input type="'+(1==a.formType?"password":"text")+'" class="layui-layer-input" value="'+(a.value||"")+'">'}();return layer.open($.extend({btn:["确定","取消"],content:e,skin:"layui-layer-prompt"+b("prompt"),success:function(a){d=a.find(".layui-layer-input"),d.focus()},yes:function(b){var e=d.val();""===e?d.focus():e.length>(a.maxlength||500)?layer.tips("最多输入"+(a.maxlength||500)+"个字数",d,{tips:1}):c&&c(e,b,d)}},a))},layer.tab=function(a){a=a||{};var c=a.tab||{};return layer.open($.extend({type:1,skin:"layui-layer-tab"+b("tab"),title:function(){var a=c.length,b=1,d="";if(a>0)for(d='<span class="layui-layer-tabnow">'+c[0].title+"</span>";a>b;b++)d+="<span>"+c[b].title+"</span>";return d}(),content:'<ul class="layui-layer-tabmain">'+function(){var a=c.length,b=1,d="";if(a>0)for(d='<li class="layui-layer-tabli xubox_tab_layer">'+(c[0].content||"no content")+"</li>";a>b;b++)d+='<li class="layui-layer-tabli">'+(c[b].content||"no content")+"</li>";return d}()+"</ul>",success:function(b){var c=b.find(".layui-layer-title").children(),d=b.find(".layui-layer-tabmain").children();c.on("mousedown",function(b){b.stopPropagation?b.stopPropagation():b.cancelBubble=!0;var c=$(this),e=c.index();c.addClass("layui-layer-tabnow").siblings().removeClass("layui-layer-tabnow"),d.eq(e).show().siblings().hide(),"function"==typeof a.change&&a.change(e)})}},a))},layer.photos=function(a,c,d){function e(a,b,c){var d=new Image;d.onload=function(){d.onload=null,b(d)},d.onerror=function(a){d.onerror=null,c(a)},d.src=a}var f={};if(a=a||{},a.photos){var g=a.photos.constructor===Object,h=g?a.photos:{},i=h.data||[],j=h.start||0;if(f.imgIndex=j+1,g){if(0===i.length)return layer.msg("没有图片")}else{var k=$(a.photos),l=function(){return i=[],k.find(a.img||"img").each(function(a){var b=$(this);i.push({alt:b.attr("alt"),pid:b.attr("layer-pid"),src:b.attr("layer-src")||b.attr("src"),thumb:b.attr("src")})}),arguments.callee}();if(0===i.length)return;if(c||k.on("click",a.img||"img",function(){var b=$(this),c=b.index();l(),layer.photos($.extend(a,{photos:{start:c,data:i,tab:a.tab},full:a.full}),!0)}),!c)return}f.imgprev=function(a){f.imgIndex--,f.imgIndex<1&&(f.imgIndex=i.length),f.tabimg(a)},f.imgnext=function(a,b){f.imgIndex++,f.imgIndex>i.length&&(f.imgIndex=1,b)||f.tabimg(a)},f.keyup=function(a){if(!f.end){var b=a.keyCode;a.preventDefault(),37===b?f.imgprev(!0):39===b?f.imgnext(!0):27===b&&layer.close(f.index)}},f.tabimg=function(b){i.length<=1||(h.start=f.imgIndex-1,layer.close(f.index),layer.photos(a,!0,b))},f.event=function(){f.bigimg.hover(function(){f.imgsee.show()},function(){f.imgsee.hide()}),f.bigimg.find(".layui-layer-imgprev").on("click",function(a){a.preventDefault(),f.imgprev()}),f.bigimg.find(".layui-layer-imgnext").on("click",function(a){a.preventDefault(),f.imgnext()}),$(document).on("keyup",f.keyup)},f.loadi=layer.load(1,{shade:"shade"in a?!1:.9,scrollbar:!1}),e(i[j].src,function(c){layer.close(f.loadi),f.index=layer.open($.extend({type:1,area:function(){var b=[c.width,c.height],d=[$(window).width()-100,$(window).height()-100];return!a.full&&b[0]>d[0]&&(b[0]=d[0],b[1]=b[0]*d[1]/b[0]),[b[0]+"px",b[1]+"px"]}(),title:!1,shade:.9,shadeClose:!0,closeBtn:!1,move:".layui-layer-phimg img",moveType:1,scrollbar:!1,moveOut:!0,shift:5*Math.random()|0,skin:"layui-layer-photos"+b("photos"),content:'<div class="layui-layer-phimg"><img src="'+i[j].src+'" alt="'+(i[j].alt||"")+'" layer-pid="'+i[j].pid+'"><div class="layui-layer-imgsee">'+(i.length>1?'<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>':"")+'<div class="layui-layer-imgbar" style="display:'+(d?"block":"")+'"><span class="layui-layer-imgtit"><a href="javascript:;">'+(i[j].alt||"")+"</a><em>"+f.imgIndex+"/"+i.length+"</em></span></div></div></div>",success:function(b,c){f.bigimg=b.find(".layui-layer-phimg"),f.imgsee=b.find(".layui-layer-imguide,.layui-layer-imgbar"),f.event(b),a.tab&&a.tab(i[j],b)},end:function(){f.end=!0,$(document).off("keyup",f.keyup)}},a))},function(){layer.close(f.loadi),layer.msg("当前图片地址异常<br>是否继续查看下一张？",{time:3e4,btn:["下一张","不看了"],yes:function(){i.length>1&&f.imgnext(!0,!0)}})})}}}();
|
||||||
|
|
@ -1,2 +1,2 @@
|
||||||
/*! layer mobile-v1.7 弹层组件移动版 License LGPL http://layer.layui.com/mobile By 贤心 */
|
/*! layer mobile-v1.7 弹层组件移动版 License LGPL http://layer.layui.com/mobile By 贤心 */
|
||||||
;!function(a){"use strict";var b=document,c="querySelectorAll",d="getElementsByClassName",e=function(a){return b[c](a)},f={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:!0},g={extend:function(a){var b=JSON.parse(JSON.stringify(f));for(var c in a)b[c]=a[c];return b},timer:{},end:{}};g.touch=function(a,b){var c;return/Android|iPhone|SymbianOS|Windows Phone|iPad|iPod/.test(navigator.userAgent)?(a.addEventListener("touchmove",function(){c=!0},!1),void a.addEventListener("touchend",function(a){a.preventDefault(),c||b.call(this,a),c=!1},!1)):a.addEventListener("click",function(a){b.call(this,a)},!1)};var h=0,i=["layermbox"],j=function(a){var b=this;b.config=g.extend(a),b.view()};j.prototype.view=function(){var a=this,c=a.config,f=b.createElement("div");a.id=f.id=i[0]+h,f.setAttribute("class",i[0]+" "+i[0]+(c.type||0)),f.setAttribute("index",h);var g=function(){var a="object"==typeof c.title;return c.title?'<h3 style="'+(a?c.title[1]:"")+'">'+(a?c.title[0]:c.title)+'</h3><button class="layermend"></button>':""}(),j=function(){var a,b=(c.btn||[]).length;return 0!==b&&c.btn?(a='<span type="1">'+c.btn[0]+"</span>",2===b&&(a='<span type="0">'+c.btn[1]+"</span>"+a),'<div class="layermbtn">'+a+"</div>"):""}();if(c.fixed||(c.top=c.hasOwnProperty("top")?c.top:100,c.style=c.style||"",c.style+=" top:"+(b.body.scrollTop+c.top)+"px"),2===c.type&&(c.content='<i></i><i class="laymloadtwo"></i><i></i>'),f.innerHTML=(c.shade?"<div "+("string"==typeof c.shade?'style="'+c.shade+'"':"")+' class="laymshade"></div>':"")+'<div class="layermmain" '+(c.fixed?"":'style="position:static;"')+'><div class="section"><div class="layermchild '+(c.className?c.className:"")+" "+(c.type||c.shade?"":"layermborder ")+(c.anim?"layermanim":"")+'" '+(c.style?'style="'+c.style+'"':"")+">"+g+'<div class="layermcont">'+c.content+"</div>"+j+"</div></div></div>",!c.type||2===c.type){var k=b[d](i[0]+c.type),l=k.length;l>=1&&layer.close(k[0].getAttribute("index"))}document.body.appendChild(f);var m=a.elem=e("#"+a.id)[0];c.success&&c.success(m),a.index=h++,a.action(c,m)},j.prototype.action=function(a,b){var c=this;if(a.time&&(g.timer[c.index]=setTimeout(function(){layer.close(c.index)},1e3*a.time)),a.title){var e=b[d]("layermend")[0],f=function(){a.cancel&&a.cancel(),layer.close(c.index)};g.touch(e,f)}var h=function(){var b=this.getAttribute("type");0==b?(a.no&&a.no(),layer.close(c.index)):a.yes?a.yes(c.index):layer.close(c.index)};if(a.btn)for(var i=b[d]("layermbtn")[0].children,j=i.length,k=0;j>k;k++)g.touch(i[k],h);if(a.shade&&a.shadeClose){var l=b[d]("laymshade")[0];g.touch(l,function(){layer.close(c.index,a.end)})}a.end&&(g.end[c.index]=a.end)},a.layer={v:"1.7",index:h,open:function(a){var b=new j(a||{});return b.index},close:function(a){var c=e("#"+i[0]+a)[0];c&&(c.innerHTML="",b.body.removeChild(c),clearTimeout(g.timer[a]),delete g.timer[a],"function"==typeof g.end[a]&&g.end[a](),delete g.end[a])},closeAll:function(){for(var a=b[d](i[0]),c=0,e=a.length;e>c;c++)layer.close(0|a[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var a=document.scripts,c=a[a.length-1],d=c.src,e=d.substring(0,d.lastIndexOf("/")+1);c.getAttribute("merge")||document.head.appendChild(function(){var a=b.createElement("link");return a.href=e+"need/layer.css",a.type="text/css",a.rel="styleSheet",a.id="layermcss",a}())}()}(window);
|
;!function(a){"use strict";var b=document,c="querySelectorAll",d="getElementsByClassName",e=function(a){return b[c](a)},f={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:!0},g={extend:function(a){var b=JSON.parse(JSON.stringify(f));for(var c in a)b[c]=a[c];return b},timer:{},end:{}};g.touch=function(a,b){var c;return/Android|iPhone|SymbianOS|Windows Phone|iPad|iPod/.test(navigator.userAgent)?(a.addEventListener("touchmove",function(){c=!0},!1),void a.addEventListener("touchend",function(a){a.preventDefault(),c||b.call(this,a),c=!1},!1)):a.addEventListener("click",function(a){b.call(this,a)},!1)};var h=0,i=["layermbox"],j=function(a){var b=this;b.config=g.extend(a),b.view()};j.prototype.view=function(){var a=this,c=a.config,f=b.createElement("div");a.id=f.id=i[0]+h,f.setAttribute("class",i[0]+" "+i[0]+(c.type||0)),f.setAttribute("index",h);var g=function(){var a="object"==typeof c.title;return c.title?'<h3 style="'+(a?c.title[1]:"")+'">'+(a?c.title[0]:c.title)+'</h3><button class="layermend"></button>':""}(),j=function(){var a,b=(c.btn||[]).length;return 0!==b&&c.btn?(a='<span type="1">'+c.btn[0]+"</span>",2===b&&(a='<span type="0">'+c.btn[1]+"</span>"+a),'<div class="layermbtn">'+a+"</div>"):""}();if(c.fixed||(c.top=c.hasOwnProperty("top")?c.top:100,c.style=c.style||"",c.style+=" top:"+(b.body.scrollTop+c.top)+"px"),2===c.type&&(c.content='<i></i><i class="laymloadtwo"></i><i></i>'),f.innerHTML=(c.shade?"<div "+("string"==typeof c.shade?'style="'+c.shade+'"':"")+' class="laymshade"></div>':"")+'<div class="layermmain" '+(c.fixed?"":'style="position:static;"')+'><div class="section"><div class="layermchild '+(c.className?c.className:"")+" "+(c.type||c.shade?"":"layermborder ")+(c.anim?"layermanim":"")+'" '+(c.style?'style="'+c.style+'"':"")+">"+g+'<div class="layermcont">'+c.content+"</div>"+j+"</div></div></div>",!c.type||2===c.type){var k=b[d](i[0]+c.type),l=k.length;l>=1&&layer.close(k[0].getAttribute("index"))}document.body.appendChild(f);var m=a.elem=e("#"+a.id)[0];c.success&&c.success(m),a.index=h++,a.action(c,m)},j.prototype.action=function(a,b){var c=this;if(a.time&&(g.timer[c.index]=setTimeout(function(){layer.close(c.index)},1e3*a.time)),a.title){var e=b[d]("layermend")[0],f=function(){a.cancel&&a.cancel(),layer.close(c.index)};g.touch(e,f)}var h=function(){var b=this.getAttribute("type");0==b?(a.no&&a.no(),layer.close(c.index)):a.yes?a.yes(c.index):layer.close(c.index)};if(a.btn)for(var i=b[d]("layermbtn")[0].children,j=i.length,k=0;j>k;k++)g.touch(i[k],h);if(a.shade&&a.shadeClose){var l=b[d]("laymshade")[0];g.touch(l,function(){layer.close(c.index,a.end)})}a.end&&(g.end[c.index]=a.end)},a.layer={v:"1.8",index:h,open:function(a){var b=new j(a||{});return b.index},close:function(a){var c=e("#"+i[0]+a)[0];c&&(c.innerHTML="",b.body.removeChild(c),clearTimeout(g.timer[a]),delete g.timer[a],"function"==typeof g.end[a]&&g.end[a](),delete g.end[a])},closeAll:function(){for(var a=b[d](i[0]),c=0,e=a.length;e>c;c++)layer.close(0|a[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var a=document.scripts,c=a[a.length-1],d=c.src,e=d.substring(0,d.lastIndexOf("/")+1);c.getAttribute("merge")||document.head.appendChild(function(){var a=b.createElement("link");return a.href=e+"need/layer.css",a.type="text/css",a.rel="styleSheet",a.id="layermcss",a}())}()}(window);
|
||||||
42
package.json
42
package.json
|
|
@ -1,23 +1,23 @@
|
||||||
{
|
{
|
||||||
"name": "layer",
|
"name": "layer",
|
||||||
"version": "2.1",
|
"version": "2.2",
|
||||||
"mobile": "1.7",
|
"mobile": "1.7",
|
||||||
"description": "弹层组件",
|
"description": "弹层组件",
|
||||||
"main": "",
|
"main": "",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "echo \"Error: no test specified\" && exit 1"
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
},
|
},
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "",
|
"type": "",
|
||||||
"url": ""
|
"url": ""
|
||||||
},
|
},
|
||||||
"author": "贤心",
|
"author": "贤心",
|
||||||
"homepage": "http://layer.layui.com/",
|
"homepage": "http://layer.layui.com/",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"grunt": "*",
|
"grunt": "*",
|
||||||
"grunt-contrib-uglify": "*",
|
"grunt-contrib-uglify": "*",
|
||||||
"grunt-contrib-cssmin": "*",
|
"grunt-contrib-cssmin": "*",
|
||||||
"grunt-css": "*"
|
"grunt-css": "*"
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -5,4 +5,4 @@
|
||||||
@Author: 贤心
|
@Author: 贤心
|
||||||
@blog: sentsin.com
|
@blog: sentsin.com
|
||||||
|
|
||||||
*/.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span{text-overflow:ellipsis;white-space:nowrap}.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;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;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;overflow:hidden}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:43px;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-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{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;overflow:hidden;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%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}
|
*/.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span{text-overflow:ellipsis;white-space:nowrap}.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;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;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;overflow:hidden}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:43px;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}.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-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{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;overflow:hidden;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%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}
|
||||||
|
|
@ -1,260 +1,267 @@
|
||||||
/*!
|
/*!
|
||||||
|
|
||||||
@Name: layer v1.9.x-ext
|
@Name: layer extend 弹层扩展
|
||||||
@Author: 贤心
|
@Author: 贤心
|
||||||
@Api：http://sentsin.com/jquery/layer
|
@Site：http://layer.layui.com
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
;!function(){
|
;!function(){
|
||||||
|
|
||||||
layer.use('skin/layer.ext.css', function(){
|
layer.use('skin/layer.ext.css', function(){
|
||||||
layer.layui_layer_extendlayerextjs = true;
|
layer.layui_layer_extendlayerextjs = true;
|
||||||
});
|
});
|
||||||
|
|
||||||
var cache = layer.cache||{}, skin = function(type){
|
var cache = layer.cache||{}, skin = function(type){
|
||||||
return (cache.skin ? (' ' + cache.skin + ' ' + cache.skin + '-'+type) : '');
|
return (cache.skin ? (' ' + cache.skin + ' ' + cache.skin + '-'+type) : '');
|
||||||
}
|
}
|
||||||
|
|
||||||
//仿系统prompt
|
//仿系统prompt
|
||||||
layer.prompt = function(options, yes){
|
layer.prompt = function(options, yes){
|
||||||
options = options || {};
|
options = options || {};
|
||||||
if(typeof options === 'function') yes = options;
|
if(typeof options === 'function') yes = options;
|
||||||
var prompt, content = options.formType == 2 ? '<textarea class="layui-layer-input">'+ (options.value||'') +'</textarea>' : function(){
|
var prompt, content = options.formType == 2 ? '<textarea class="layui-layer-input">'+ (options.value||'') +'</textarea>' : function(){
|
||||||
return '<input type="'+ (options.formType == 1 ? 'password' : 'text') +'" class="layui-layer-input" value="'+ (options.value||'') +'">';
|
return '<input type="'+ (options.formType == 1 ? 'password' : 'text') +'" class="layui-layer-input" value="'+ (options.value||'') +'">';
|
||||||
}();
|
}();
|
||||||
return layer.open($.extend({
|
return layer.open($.extend({
|
||||||
btn: ['确定','取消'],
|
btn: ['确定','取消'],
|
||||||
content: content,
|
content: content,
|
||||||
skin: 'layui-layer-prompt' + skin('prompt'),
|
skin: 'layui-layer-prompt' + skin('prompt'),
|
||||||
success: function(layero){
|
success: function(layero){
|
||||||
prompt = layero.find('.layui-layer-input');
|
prompt = layero.find('.layui-layer-input');
|
||||||
prompt.focus();
|
prompt.focus();
|
||||||
}, yes: function(index){
|
}, yes: function(index){
|
||||||
var value = prompt.val();
|
var value = prompt.val();
|
||||||
if(value === ''){
|
if(value === ''){
|
||||||
prompt.focus();
|
prompt.focus();
|
||||||
} else if(value.length > (options.maxlength||500)) {
|
} else if(value.length > (options.maxlength||500)) {
|
||||||
layer.tips('最多输入'+ (options.maxlength || 500) +'个字数', prompt, {tips: 1});
|
layer.tips('最多输入'+ (options.maxlength || 500) +'个字数', prompt, {tips: 1});
|
||||||
} else {
|
} else {
|
||||||
yes && yes(value, index, prompt);
|
yes && yes(value, index, prompt);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}, options));
|
}, options));
|
||||||
};
|
};
|
||||||
|
|
||||||
//tab层
|
//tab层
|
||||||
layer.tab = function(options){
|
layer.tab = function(options){
|
||||||
options = options || {};
|
options = options || {};
|
||||||
var tab = options.tab || {};
|
var tab = options.tab || {};
|
||||||
return layer.open($.extend({
|
return layer.open($.extend({
|
||||||
type: 1,
|
type: 1,
|
||||||
skin: 'layui-layer-tab' + skin('tab'),
|
skin: 'layui-layer-tab' + skin('tab'),
|
||||||
title: function(){
|
title: function(){
|
||||||
var len = tab.length, ii = 1, str = '';
|
var len = tab.length, ii = 1, str = '';
|
||||||
if(len > 0){
|
if(len > 0){
|
||||||
str = '<span class="layui-layer-tabnow">'+ tab[0].title +'</span>';
|
str = '<span class="layui-layer-tabnow">'+ tab[0].title +'</span>';
|
||||||
for(; ii < len; ii++){
|
for(; ii < len; ii++){
|
||||||
str += '<span>'+ tab[ii].title +'</span>';
|
str += '<span>'+ tab[ii].title +'</span>';
|
||||||
}
|
|
||||||
}
|
|
||||||
return str;
|
|
||||||
}(),
|
|
||||||
content: '<ul class="layui-layer-tabmain">'+ function(){
|
|
||||||
var len = tab.length, ii = 1, str = '';
|
|
||||||
if(len > 0){
|
|
||||||
str = '<li class="layui-layer-tabli xubox_tab_layer">'+ (tab[0].content || 'no content') +'</li>';
|
|
||||||
for(; ii < len; ii++){
|
|
||||||
str += '<li class="layui-layer-tabli">'+ (tab[ii].content || 'no content') +'</li>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return str;
|
|
||||||
}() +'</ul>',
|
|
||||||
success: function(layero){
|
|
||||||
var btn = layero.find('.layui-layer-title').children();
|
|
||||||
var main = layero.find('.layui-layer-tabmain').children();
|
|
||||||
btn.on('mousedown', function(e){
|
|
||||||
e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
|
|
||||||
var othis = $(this), index = othis.index();
|
|
||||||
othis.addClass('layui-layer-tabnow').siblings().removeClass('layui-layer-tabnow');
|
|
||||||
main.eq(index).show().siblings().hide();
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
}, options));
|
}
|
||||||
|
return str;
|
||||||
|
}(),
|
||||||
|
content: '<ul class="layui-layer-tabmain">'+ function(){
|
||||||
|
var len = tab.length, ii = 1, str = '';
|
||||||
|
if(len > 0){
|
||||||
|
str = '<li class="layui-layer-tabli xubox_tab_layer">'+ (tab[0].content || 'no content') +'</li>';
|
||||||
|
for(; ii < len; ii++){
|
||||||
|
str += '<li class="layui-layer-tabli">'+ (tab[ii].content || 'no content') +'</li>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return str;
|
||||||
|
}() +'</ul>',
|
||||||
|
success: function(layero){
|
||||||
|
var btn = layero.find('.layui-layer-title').children();
|
||||||
|
var main = layero.find('.layui-layer-tabmain').children();
|
||||||
|
btn.on('mousedown', function(e){
|
||||||
|
e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
|
||||||
|
var othis = $(this), index = othis.index();
|
||||||
|
othis.addClass('layui-layer-tabnow').siblings().removeClass('layui-layer-tabnow');
|
||||||
|
main.eq(index).show().siblings().hide();
|
||||||
|
typeof options.change === 'function' && options.change(index);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, options));
|
||||||
};
|
};
|
||||||
|
|
||||||
//相册层
|
//相册层
|
||||||
layer.photos = function(options, loop, key){
|
layer.photos = function(options, loop, key){
|
||||||
var dict = {};
|
var dict = {};
|
||||||
options = options || {};
|
options = options || {};
|
||||||
if(!options.photos) return;
|
if(!options.photos) return;
|
||||||
var type = options.photos.constructor === Object;
|
var type = options.photos.constructor === Object;
|
||||||
var photos = type ? options.photos : {}, data = photos.data || [];
|
var photos = type ? options.photos : {}, data = photos.data || [];
|
||||||
var start = photos.start || 0;
|
var start = photos.start || 0;
|
||||||
dict.imgIndex = start + 1;
|
dict.imgIndex = start + 1;
|
||||||
|
|
||||||
if(!type){ //页面直接获取
|
if(!type){ //页面直接获取
|
||||||
var parent = $(options.photos), img = parent.find(options.img||'img');
|
var parent = $(options.photos), pushData = function(){
|
||||||
if (img.length === 0) return;
|
data = [];
|
||||||
loop || img.each(function(index){
|
parent.find(options.img||'img').each(function(index){
|
||||||
var othis = $(this);
|
var othis = $(this);
|
||||||
data.push({
|
data.push({
|
||||||
alt: othis.attr('alt'),
|
alt: othis.attr('alt'),
|
||||||
pid: othis.attr('layer-pid'),
|
pid: othis.attr('layer-pid'),
|
||||||
src: othis.attr('layer-src') || othis.attr('src'),
|
src: othis.attr('layer-src') || othis.attr('src'),
|
||||||
thumb: othis.attr('src')
|
thumb: othis.attr('src')
|
||||||
});
|
|
||||||
othis.on('click', function(){
|
|
||||||
layer.photos($.extend(options, {
|
|
||||||
photos: {
|
|
||||||
start: index,
|
|
||||||
data: data,
|
|
||||||
tab: options.tab
|
|
||||||
},
|
|
||||||
full: options.full
|
|
||||||
}), true);
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
})
|
||||||
//不直接弹出
|
return arguments.callee;
|
||||||
if(!loop) return;
|
}();
|
||||||
|
|
||||||
} else if (data.length === 0){
|
if (data.length === 0) return;
|
||||||
layer.msg('没有图片');
|
|
||||||
return;
|
loop || parent.on('click', options.img||'img', function(){
|
||||||
|
var othis = $(this), index = othis.index();
|
||||||
|
pushData();
|
||||||
|
layer.photos($.extend(options, {
|
||||||
|
photos: {
|
||||||
|
start: index,
|
||||||
|
data: data,
|
||||||
|
tab: options.tab
|
||||||
|
},
|
||||||
|
full: options.full
|
||||||
|
}), true);
|
||||||
|
})
|
||||||
|
|
||||||
|
//不直接弹出
|
||||||
|
if(!loop) return;
|
||||||
|
|
||||||
|
} else if (data.length === 0){
|
||||||
|
return layer.msg('没有图片');
|
||||||
|
}
|
||||||
|
|
||||||
|
//上一张
|
||||||
|
dict.imgprev = function(key){
|
||||||
|
dict.imgIndex--;
|
||||||
|
if(dict.imgIndex < 1){
|
||||||
|
dict.imgIndex = data.length;
|
||||||
}
|
}
|
||||||
|
dict.tabimg(key);
|
||||||
//上一张
|
};
|
||||||
dict.imgprev = function(key){
|
|
||||||
dict.imgIndex--;
|
//下一张
|
||||||
if(dict.imgIndex < 1){
|
dict.imgnext = function(key,errorMsg){
|
||||||
dict.imgIndex = data.length;
|
dict.imgIndex++;
|
||||||
}
|
if(dict.imgIndex > data.length){
|
||||||
dict.tabimg(key);
|
dict.imgIndex = 1;
|
||||||
};
|
if (errorMsg) {return};
|
||||||
|
|
||||||
//下一张
|
|
||||||
dict.imgnext = function(key,errorMsg){
|
|
||||||
dict.imgIndex++;
|
|
||||||
if(dict.imgIndex > data.length){
|
|
||||||
dict.imgIndex = 1;
|
|
||||||
if (errorMsg) {return};
|
|
||||||
}
|
|
||||||
dict.tabimg(key)
|
|
||||||
};
|
|
||||||
|
|
||||||
//方向键
|
|
||||||
dict.keyup = function(event){
|
|
||||||
if(!dict.end){
|
|
||||||
var code = event.keyCode;
|
|
||||||
event.preventDefault();
|
|
||||||
if(code === 37){
|
|
||||||
dict.imgprev(true);
|
|
||||||
} else if(code === 39) {
|
|
||||||
dict.imgnext(true);
|
|
||||||
} else if(code === 27) {
|
|
||||||
layer.close(dict.index);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
dict.tabimg(key)
|
||||||
//切换
|
};
|
||||||
dict.tabimg = function(key){
|
|
||||||
if(data.length <= 1) return;
|
//方向键
|
||||||
photos.start = dict.imgIndex - 1;
|
dict.keyup = function(event){
|
||||||
|
if(!dict.end){
|
||||||
|
var code = event.keyCode;
|
||||||
|
event.preventDefault();
|
||||||
|
if(code === 37){
|
||||||
|
dict.imgprev(true);
|
||||||
|
} else if(code === 39) {
|
||||||
|
dict.imgnext(true);
|
||||||
|
} else if(code === 27) {
|
||||||
layer.close(dict.index);
|
layer.close(dict.index);
|
||||||
layer.photos(options, true, key);
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
//一些动作
|
|
||||||
dict.event = function(){
|
//切换
|
||||||
dict.bigimg.hover(function(){
|
dict.tabimg = function(key){
|
||||||
dict.imgsee.show();
|
if(data.length <= 1) return;
|
||||||
}, function(){
|
photos.start = dict.imgIndex - 1;
|
||||||
dict.imgsee.hide();
|
layer.close(dict.index);
|
||||||
});
|
layer.photos(options, true, key);
|
||||||
|
}
|
||||||
dict.bigimg.find('.layui-layer-imgprev').on('click', function(event){
|
|
||||||
event.preventDefault();
|
//一些动作
|
||||||
dict.imgprev();
|
dict.event = function(){
|
||||||
});
|
dict.bigimg.hover(function(){
|
||||||
|
dict.imgsee.show();
|
||||||
dict.bigimg.find('.layui-layer-imgnext').on('click', function(event){
|
|
||||||
event.preventDefault();
|
|
||||||
dict.imgnext();
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).on('keyup', dict.keyup);
|
|
||||||
};
|
|
||||||
|
|
||||||
//图片预加载
|
|
||||||
function loadImage(url, callback, error) {
|
|
||||||
var img = new Image();
|
|
||||||
img.onload = function(){
|
|
||||||
img.onload = null;
|
|
||||||
callback(img);
|
|
||||||
};
|
|
||||||
img.onerror = function(e){
|
|
||||||
img.onerror = null;
|
|
||||||
error(e);
|
|
||||||
};
|
|
||||||
img.src = url;
|
|
||||||
};
|
|
||||||
|
|
||||||
dict.loadi = layer.load(1, {
|
|
||||||
shade: 'shade' in options ? false : 0.9,
|
|
||||||
scrollbar: false
|
|
||||||
});
|
|
||||||
loadImage(data[start].src, function(img){
|
|
||||||
layer.close(dict.loadi);
|
|
||||||
dict.index = layer.open($.extend({
|
|
||||||
type: 1,
|
|
||||||
area: function(){
|
|
||||||
var imgarea = [img.width, img.height];
|
|
||||||
var winarea = [$(window).width() - 100, $(window).height() - 100];
|
|
||||||
if(!options.full && imgarea[0] > winarea[0]){
|
|
||||||
imgarea[0] = winarea[0];
|
|
||||||
imgarea[1] = imgarea[0]*winarea[1]/imgarea[0];
|
|
||||||
}
|
|
||||||
return [imgarea[0]+'px', imgarea[1]+'px'];
|
|
||||||
}(),
|
|
||||||
title: false,
|
|
||||||
shade: 0.9,
|
|
||||||
shadeClose: true,
|
|
||||||
closeBtn: false,
|
|
||||||
move: '.layui-layer-phimg img',
|
|
||||||
moveType: 1,
|
|
||||||
scrollbar: false,
|
|
||||||
moveOut: true,
|
|
||||||
shift: Math.random()*5|0,
|
|
||||||
skin: 'layui-layer-photos' + skin('photos'),
|
|
||||||
content: '<div class="layui-layer-phimg">'
|
|
||||||
+'<img src="'+ data[start].src +'" alt="'+ (data[start].alt||'') +'" layer-pid="'+ data[start].pid +'">'
|
|
||||||
+'<div class="layui-layer-imgsee">'
|
|
||||||
+(data.length > 1 ? '<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>' : '')
|
|
||||||
+'<div class="layui-layer-imgbar" style="display:'+ (key ? 'block' : '') +'"><span class="layui-layer-imgtit"><a href="javascript:;">'+ (data[start].alt||'') +'</a><em>'+ dict.imgIndex +'/'+ data.length +'</em></span></div>'
|
|
||||||
+'</div>'
|
|
||||||
+'</div>',
|
|
||||||
success: function(layero, index){
|
|
||||||
dict.bigimg = layero.find('.layui-layer-phimg');
|
|
||||||
dict.imgsee = layero.find('.layui-layer-imguide,.layui-layer-imgbar');
|
|
||||||
dict.event(layero);
|
|
||||||
options.tab && options.tab(data[start], layero);
|
|
||||||
}, end: function(){
|
|
||||||
dict.end = true;
|
|
||||||
$(document).off('keyup', dict.keyup);
|
|
||||||
}
|
|
||||||
}, options));
|
|
||||||
}, function(){
|
}, function(){
|
||||||
layer.close(dict.loadi);
|
dict.imgsee.hide();
|
||||||
layer.msg('当前图片地址异常<br>是否继续查看下一张？', {
|
|
||||||
time: 30000,
|
|
||||||
btn: ['下一张', '不看了'],
|
|
||||||
yes: function(){
|
|
||||||
data.length > 1 && dict.imgnext(true,true);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
dict.bigimg.find('.layui-layer-imgprev').on('click', function(event){
|
||||||
|
event.preventDefault();
|
||||||
|
dict.imgprev();
|
||||||
|
});
|
||||||
|
|
||||||
|
dict.bigimg.find('.layui-layer-imgnext').on('click', function(event){
|
||||||
|
event.preventDefault();
|
||||||
|
dict.imgnext();
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).on('keyup', dict.keyup);
|
||||||
|
};
|
||||||
|
|
||||||
|
//图片预加载
|
||||||
|
function loadImage(url, callback, error) {
|
||||||
|
var img = new Image();
|
||||||
|
img.onload = function(){
|
||||||
|
img.onload = null;
|
||||||
|
callback(img);
|
||||||
|
};
|
||||||
|
img.onerror = function(e){
|
||||||
|
img.onerror = null;
|
||||||
|
error(e);
|
||||||
|
};
|
||||||
|
img.src = url;
|
||||||
|
};
|
||||||
|
|
||||||
|
dict.loadi = layer.load(1, {
|
||||||
|
shade: 'shade' in options ? false : 0.9,
|
||||||
|
scrollbar: false
|
||||||
|
});
|
||||||
|
loadImage(data[start].src, function(img){
|
||||||
|
layer.close(dict.loadi);
|
||||||
|
dict.index = layer.open($.extend({
|
||||||
|
type: 1,
|
||||||
|
area: function(){
|
||||||
|
var imgarea = [img.width, img.height];
|
||||||
|
var winarea = [$(window).width() - 100, $(window).height() - 100];
|
||||||
|
if(!options.full && imgarea[0] > winarea[0]){
|
||||||
|
imgarea[0] = winarea[0];
|
||||||
|
imgarea[1] = imgarea[0]*winarea[1]/imgarea[0];
|
||||||
|
}
|
||||||
|
return [imgarea[0]+'px', imgarea[1]+'px'];
|
||||||
|
}(),
|
||||||
|
title: false,
|
||||||
|
shade: 0.9,
|
||||||
|
shadeClose: true,
|
||||||
|
closeBtn: false,
|
||||||
|
move: '.layui-layer-phimg img',
|
||||||
|
moveType: 1,
|
||||||
|
scrollbar: false,
|
||||||
|
moveOut: true,
|
||||||
|
shift: Math.random()*5|0,
|
||||||
|
skin: 'layui-layer-photos' + skin('photos'),
|
||||||
|
content: '<div class="layui-layer-phimg">'
|
||||||
|
+'<img src="'+ data[start].src +'" alt="'+ (data[start].alt||'') +'" layer-pid="'+ data[start].pid +'">'
|
||||||
|
+'<div class="layui-layer-imgsee">'
|
||||||
|
+(data.length > 1 ? '<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>' : '')
|
||||||
|
+'<div class="layui-layer-imgbar" style="display:'+ (key ? 'block' : '') +'"><span class="layui-layer-imgtit"><a href="javascript:;">'+ (data[start].alt||'') +'</a><em>'+ dict.imgIndex +'/'+ data.length +'</em></span></div>'
|
||||||
|
+'</div>'
|
||||||
|
+'</div>',
|
||||||
|
success: function(layero, index){
|
||||||
|
dict.bigimg = layero.find('.layui-layer-phimg');
|
||||||
|
dict.imgsee = layero.find('.layui-layer-imguide,.layui-layer-imgbar');
|
||||||
|
dict.event(layero);
|
||||||
|
options.tab && options.tab(data[start], layero);
|
||||||
|
}, end: function(){
|
||||||
|
dict.end = true;
|
||||||
|
$(document).off('keyup', dict.keyup);
|
||||||
|
}
|
||||||
|
}, options));
|
||||||
|
}, function(){
|
||||||
|
layer.close(dict.loadi);
|
||||||
|
layer.msg('当前图片地址异常<br>是否继续查看下一张？', {
|
||||||
|
time: 30000,
|
||||||
|
btn: ['下一张', '不看了'],
|
||||||
|
yes: function(){
|
||||||
|
data.length > 1 && dict.imgnext(true,true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
}();
|
}();
|
||||||
|
|
|
||||||
1292
src/layer.js
1292
src/layer.js
File diff suppressed because it is too large
Load Diff
|
|
@ -2,222 +2,220 @@
|
||||||
|
|
||||||
@Name：layer mobile v1.7 弹层组件移动版
|
@Name：layer mobile v1.7 弹层组件移动版
|
||||||
@Author：贤心
|
@Author：贤心
|
||||||
@Date：2015-11-25
|
@Site：http://layer.layui.com/mobie/
|
||||||
@Copyright：Sentsin Xu(贤心)
|
@License：LGPL
|
||||||
@官网：http://layer.layui.com/mobile/
|
|
||||||
@License：MIT
|
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
;!function(win){
|
;!function(win){
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
var doc = document, query = 'querySelectorAll', claname = 'getElementsByClassName', S = function(s){
|
var doc = document, query = 'querySelectorAll', claname = 'getElementsByClassName', S = function(s){
|
||||||
return doc[query](s);
|
return doc[query](s);
|
||||||
};
|
};
|
||||||
|
|
||||||
//默认配置
|
//默认配置
|
||||||
var config = {
|
var config = {
|
||||||
type: 0,
|
type: 0,
|
||||||
shade: true,
|
shade: true,
|
||||||
shadeClose: true,
|
shadeClose: true,
|
||||||
fixed: true,
|
fixed: true,
|
||||||
anim: true
|
anim: true
|
||||||
};
|
};
|
||||||
|
|
||||||
var ready = {
|
var ready = {
|
||||||
extend: function(obj){
|
extend: function(obj){
|
||||||
var newobj = JSON.parse(JSON.stringify(config));
|
var newobj = JSON.parse(JSON.stringify(config));
|
||||||
for(var i in obj){
|
for(var i in obj){
|
||||||
newobj[i] = obj[i];
|
newobj[i] = obj[i];
|
||||||
}
|
}
|
||||||
return newobj;
|
return newobj;
|
||||||
},
|
},
|
||||||
timer: {}, end: {}
|
timer: {}, end: {}
|
||||||
};
|
};
|
||||||
|
|
||||||
//点触事件
|
//点触事件
|
||||||
ready.touch = function(elem, fn){
|
ready.touch = function(elem, fn){
|
||||||
var move;
|
var move;
|
||||||
if(!/Android|iPhone|SymbianOS|Windows Phone|iPad|iPod/.test(navigator.userAgent)){
|
if(!/Android|iPhone|SymbianOS|Windows Phone|iPad|iPod/.test(navigator.userAgent)){
|
||||||
return elem.addEventListener('click', function(e){
|
return elem.addEventListener('click', function(e){
|
||||||
fn.call(this, e);
|
fn.call(this, e);
|
||||||
}, false);
|
|
||||||
}
|
|
||||||
elem.addEventListener('touchmove', function(){
|
|
||||||
move = true;
|
|
||||||
}, false);
|
}, false);
|
||||||
elem.addEventListener('touchend', function(e){
|
}
|
||||||
e.preventDefault();
|
elem.addEventListener('touchmove', function(){
|
||||||
move || fn.call(this, e);
|
move = true;
|
||||||
move = false;
|
}, false);
|
||||||
}, false);
|
elem.addEventListener('touchend', function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
move || fn.call(this, e);
|
||||||
|
move = false;
|
||||||
|
}, false);
|
||||||
};
|
};
|
||||||
|
|
||||||
var index = 0, classs = ['layermbox'], Layer = function(options){
|
var index = 0, classs = ['layermbox'], Layer = function(options){
|
||||||
var that = this;
|
var that = this;
|
||||||
that.config = ready.extend(options);
|
that.config = ready.extend(options);
|
||||||
that.view();
|
that.view();
|
||||||
};
|
};
|
||||||
|
|
||||||
Layer.prototype.view = function(){
|
Layer.prototype.view = function(){
|
||||||
var that = this, config = that.config, layerbox = doc.createElement('div');
|
var that = this, config = that.config, layerbox = doc.createElement('div');
|
||||||
|
|
||||||
that.id = layerbox.id = classs[0] + index;
|
that.id = layerbox.id = classs[0] + index;
|
||||||
layerbox.setAttribute('class', classs[0] + ' ' + classs[0]+(config.type || 0));
|
layerbox.setAttribute('class', classs[0] + ' ' + classs[0]+(config.type || 0));
|
||||||
layerbox.setAttribute('index', index);
|
layerbox.setAttribute('index', index);
|
||||||
|
|
||||||
var title = (function(){
|
var title = (function(){
|
||||||
var titype = typeof config.title === 'object';
|
var titype = typeof config.title === 'object';
|
||||||
return config.title
|
return config.title
|
||||||
? '<h3 style="'+ (titype ? config.title[1] : '') +'">'+ (titype ? config.title[0] : config.title) +'</h3><button class="layermend"></button>'
|
? '<h3 style="'+ (titype ? config.title[1] : '') +'">'+ (titype ? config.title[0] : config.title) +'</h3><button class="layermend"></button>'
|
||||||
: '';
|
: '';
|
||||||
}());
|
}());
|
||||||
|
|
||||||
var button = (function(){
|
var button = (function(){
|
||||||
var btns = (config.btn || []).length, btndom;
|
var btns = (config.btn || []).length, btndom;
|
||||||
if(btns === 0 || !config.btn){
|
if(btns === 0 || !config.btn){
|
||||||
return '';
|
return '';
|
||||||
}
|
|
||||||
btndom = '<span type="1">'+ config.btn[0] +'</span>'
|
|
||||||
if(btns === 2){
|
|
||||||
btndom = '<span type="0">'+ config.btn[1] +'</span>' + btndom;
|
|
||||||
}
|
|
||||||
return '<div class="layermbtn">'+ btndom + '</div>';
|
|
||||||
}());
|
|
||||||
|
|
||||||
if(!config.fixed){
|
|
||||||
config.top = config.hasOwnProperty('top') ? config.top : 100;
|
|
||||||
config.style = config.style || '';
|
|
||||||
config.style += ' top:'+ ( doc.body.scrollTop + config.top) + 'px';
|
|
||||||
}
|
}
|
||||||
|
btndom = '<span type="1">'+ config.btn[0] +'</span>'
|
||||||
if(config.type === 2){
|
if(btns === 2){
|
||||||
config.content = '<i></i><i class="laymloadtwo"></i><i></i>';
|
btndom = '<span type="0">'+ config.btn[1] +'</span>' + btndom;
|
||||||
}
|
}
|
||||||
|
return '<div class="layermbtn">'+ btndom + '</div>';
|
||||||
layerbox.innerHTML = (config.shade ? '<div '+ (typeof config.shade === 'string' ? 'style="'+ config.shade +'"' : '') +' class="laymshade"></div>' : '')
|
}());
|
||||||
+'<div class="layermmain" '+ (!config.fixed ? 'style="position:static;"' : '') +'>'
|
|
||||||
+'<div class="section">'
|
if(!config.fixed){
|
||||||
+'<div class="layermchild '+ (config.className ? config.className : '') +' '+ ((!config.type && !config.shade) ? 'layermborder ' : '') + (config.anim ? 'layermanim' : '') +'" ' + ( config.style ? 'style="'+config.style+'"' : '' ) +'>'
|
config.top = config.hasOwnProperty('top') ? config.top : 100;
|
||||||
+ title
|
config.style = config.style || '';
|
||||||
+'<div class="layermcont">'+ config.content +'</div>'
|
config.style += ' top:'+ ( doc.body.scrollTop + config.top) + 'px';
|
||||||
+ button
|
}
|
||||||
+'</div>'
|
|
||||||
+'</div>'
|
if(config.type === 2){
|
||||||
+'</div>';
|
config.content = '<i></i><i class="laymloadtwo"></i><i></i>';
|
||||||
|
}
|
||||||
if(!config.type || config.type === 2){
|
|
||||||
var dialogs = doc[claname](classs[0] + config.type), dialen = dialogs.length;
|
layerbox.innerHTML = (config.shade ? '<div '+ (typeof config.shade === 'string' ? 'style="'+ config.shade +'"' : '') +' class="laymshade"></div>' : '')
|
||||||
if(dialen >= 1){
|
+'<div class="layermmain" '+ (!config.fixed ? 'style="position:static;"' : '') +'>'
|
||||||
layer.close(dialogs[0].getAttribute('index'))
|
+'<div class="section">'
|
||||||
}
|
+'<div class="layermchild '+ (config.className ? config.className : '') +' '+ ((!config.type && !config.shade) ? 'layermborder ' : '') + (config.anim ? 'layermanim' : '') +'" ' + ( config.style ? 'style="'+config.style+'"' : '' ) +'>'
|
||||||
|
+ title
|
||||||
|
+'<div class="layermcont">'+ config.content +'</div>'
|
||||||
|
+ button
|
||||||
|
+'</div>'
|
||||||
|
+'</div>'
|
||||||
|
+'</div>';
|
||||||
|
|
||||||
|
if(!config.type || config.type === 2){
|
||||||
|
var dialogs = doc[claname](classs[0] + config.type), dialen = dialogs.length;
|
||||||
|
if(dialen >= 1){
|
||||||
|
layer.close(dialogs[0].getAttribute('index'))
|
||||||
}
|
}
|
||||||
|
}
|
||||||
document.body.appendChild(layerbox);
|
|
||||||
var elem = that.elem = S('#'+that.id)[0];
|
document.body.appendChild(layerbox);
|
||||||
config.success && config.success(elem);
|
var elem = that.elem = S('#'+that.id)[0];
|
||||||
|
config.success && config.success(elem);
|
||||||
that.index = index++;
|
|
||||||
that.action(config, elem);
|
that.index = index++;
|
||||||
|
that.action(config, elem);
|
||||||
};
|
};
|
||||||
|
|
||||||
Layer.prototype.action = function(config, elem){
|
Layer.prototype.action = function(config, elem){
|
||||||
var that = this;
|
var that = this;
|
||||||
|
|
||||||
//自动关闭
|
//自动关闭
|
||||||
if(config.time){
|
if(config.time){
|
||||||
ready.timer[that.index] = setTimeout(function(){
|
ready.timer[that.index] = setTimeout(function(){
|
||||||
layer.close(that.index);
|
layer.close(that.index);
|
||||||
}, config.time*1000);
|
}, config.time*1000);
|
||||||
}
|
}
|
||||||
|
|
||||||
//关闭按钮
|
//关闭按钮
|
||||||
if(config.title){
|
if(config.title){
|
||||||
var end = elem[claname]('layermend')[0], endfn = function(){
|
var end = elem[claname]('layermend')[0], endfn = function(){
|
||||||
config.cancel && config.cancel();
|
config.cancel && config.cancel();
|
||||||
layer.close(that.index);
|
layer.close(that.index);
|
||||||
};
|
|
||||||
ready.touch(end, endfn);
|
|
||||||
}
|
|
||||||
|
|
||||||
//确认取消
|
|
||||||
var btn = function(){
|
|
||||||
var type = this.getAttribute('type');
|
|
||||||
if(type == 0){
|
|
||||||
config.no && config.no();
|
|
||||||
layer.close(that.index);
|
|
||||||
} else {
|
|
||||||
config.yes ? config.yes(that.index) : layer.close(that.index);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
if(config.btn){
|
ready.touch(end, endfn);
|
||||||
var btns = elem[claname]('layermbtn')[0].children, btnlen = btns.length;
|
}
|
||||||
for(var ii = 0; ii < btnlen; ii++){
|
|
||||||
ready.touch(btns[ii], btn);
|
//确认取消
|
||||||
}
|
var btn = function(){
|
||||||
|
var type = this.getAttribute('type');
|
||||||
|
if(type == 0){
|
||||||
|
config.no && config.no();
|
||||||
|
layer.close(that.index);
|
||||||
|
} else {
|
||||||
|
config.yes ? config.yes(that.index) : layer.close(that.index);
|
||||||
}
|
}
|
||||||
|
};
|
||||||
//点遮罩关闭
|
if(config.btn){
|
||||||
if(config.shade && config.shadeClose){
|
var btns = elem[claname]('layermbtn')[0].children, btnlen = btns.length;
|
||||||
var shade = elem[claname]('laymshade')[0];
|
for(var ii = 0; ii < btnlen; ii++){
|
||||||
ready.touch(shade, function(){
|
ready.touch(btns[ii], btn);
|
||||||
layer.close(that.index, config.end);
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//点遮罩关闭
|
||||||
|
if(config.shade && config.shadeClose){
|
||||||
|
var shade = elem[claname]('laymshade')[0];
|
||||||
|
ready.touch(shade, function(){
|
||||||
|
layer.close(that.index, config.end);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
config.end && (ready.end[that.index] = config.end);
|
config.end && (ready.end[that.index] = config.end);
|
||||||
};
|
};
|
||||||
|
|
||||||
win.layer = {
|
win.layer = {
|
||||||
v: '1.7',
|
v: '1.8',
|
||||||
index: index,
|
index: index,
|
||||||
|
|
||||||
//核心方法
|
//核心方法
|
||||||
open: function(options){
|
open: function(options){
|
||||||
var o = new Layer(options || {});
|
var o = new Layer(options || {});
|
||||||
return o.index;
|
return o.index;
|
||||||
},
|
},
|
||||||
|
|
||||||
close: function(index){
|
close: function(index){
|
||||||
var ibox = S('#'+classs[0]+index)[0];
|
var ibox = S('#'+classs[0]+index)[0];
|
||||||
if(!ibox) return;
|
if(!ibox) return;
|
||||||
ibox.innerHTML = '';
|
ibox.innerHTML = '';
|
||||||
doc.body.removeChild(ibox);
|
doc.body.removeChild(ibox);
|
||||||
clearTimeout(ready.timer[index]);
|
clearTimeout(ready.timer[index]);
|
||||||
delete ready.timer[index];
|
delete ready.timer[index];
|
||||||
typeof ready.end[index] === 'function' && ready.end[index]();
|
typeof ready.end[index] === 'function' && ready.end[index]();
|
||||||
delete ready.end[index];
|
delete ready.end[index];
|
||||||
},
|
},
|
||||||
|
|
||||||
//关闭所有layer层
|
//关闭所有layer层
|
||||||
closeAll: function(){
|
closeAll: function(){
|
||||||
var boxs = doc[claname](classs[0]);
|
var boxs = doc[claname](classs[0]);
|
||||||
for(var i = 0, len = boxs.length; i < len; i++){
|
for(var i = 0, len = boxs.length; i < len; i++){
|
||||||
layer.close((boxs[0].getAttribute('index')|0));
|
layer.close((boxs[0].getAttribute('index')|0));
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
'function' == typeof define ? define(function() {
|
'function' == typeof define ? define(function() {
|
||||||
return layer;
|
return layer;
|
||||||
}) : function(){
|
}) : function(){
|
||||||
|
|
||||||
var js = document.scripts, script = js[js.length - 1], jsPath = script.src;
|
var js = document.scripts, script = js[js.length - 1], jsPath = script.src;
|
||||||
var path = jsPath.substring(0, jsPath.lastIndexOf("/") + 1);
|
var path = jsPath.substring(0, jsPath.lastIndexOf("/") + 1);
|
||||||
|
|
||||||
//如果合并方式，则需要单独引入layer.css
|
//如果合并方式，则需要单独引入layer.css
|
||||||
if(script.getAttribute('merge')) return;
|
if(script.getAttribute('merge')) return;
|
||||||
|
|
||||||
document.head.appendChild(function(){
|
document.head.appendChild(function(){
|
||||||
var link = doc.createElement('link');
|
var link = doc.createElement('link');
|
||||||
link.href = path + 'need/layer.css';
|
link.href = path + 'need/layer.css';
|
||||||
link.type = 'text/css';
|
link.type = 'text/css';
|
||||||
link.rel = 'styleSheet'
|
link.rel = 'styleSheet'
|
||||||
link.id = 'layermcss';
|
link.id = 'layermcss';
|
||||||
return link;
|
return link;
|
||||||
}());
|
}());
|
||||||
|
|
||||||
}();
|
}();
|
||||||
|
|
||||||
}(window);
|
}(window);
|
||||||
|
|
@ -160,7 +160,6 @@ html #layui_layer_skinlayercss{display:none; position: absolute; width:1989px;}
|
||||||
/* skin */
|
/* skin */
|
||||||
.layui-layer-lan[type="dialog"]{min-width:280px;}
|
.layui-layer-lan[type="dialog"]{min-width:280px;}
|
||||||
.layui-layer-lan .layui-layer-title{background:#4476A7; color:#fff; border: none;}
|
.layui-layer-lan .layui-layer-title{background:#4476A7; color:#fff; border: none;}
|
||||||
.layui-layer-lan
|
|
||||||
.layui-layer-lan .layui-layer-btn{padding:10px; text-align: right; border-top:1px solid #E9E7E7}
|
.layui-layer-lan .layui-layer-btn{padding:10px; text-align: right; border-top:1px solid #E9E7E7}
|
||||||
.layui-layer-lan .layui-layer-btn a{background:#BBB5B5; border:none;}
|
.layui-layer-lan .layui-layer-btn a{background:#BBB5B5; border:none;}
|
||||||
.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5;}
|
.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5;}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
/*!
|
/*!
|
||||||
|
|
||||||
@Name: layer拓展样式
|
@Name: layer拓展样式
|
||||||
@Date: 2012.12.13
|
@Date: 2012.12.13
|
||||||
|
|
@ -26,7 +26,7 @@ html #layui_layer_skinlayerextcss{display:none; position: absolute; width:1989px
|
||||||
.xubox_tabclose{position:absolute; right:10px; top:5px; cursor:pointer;}
|
.xubox_tabclose{position:absolute; right:10px; top:5px; cursor:pointer;}
|
||||||
|
|
||||||
/* photo模式 */
|
/* 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{-webkit-animation-duration:1s; animation-duration:1s;}
|
||||||
.layui-layer-photos .layui-layer-content{overflow:hidden; text-align: center;}
|
.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-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-imguide,.layui-layer-imgbar{display:none;}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue