| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163 |
- /*! 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)
- }
- })
- })
- }
- }
- }();
|