Layer虽然不更新了,但依然十分活跃,笔者在使用的过程中发现Layer.photos带按钮后,小图片显示不出来和长图片翻页按钮点不中的问题,目前我的解决思路是直接限定Area参数的最小宽度和高度,直接在改动layer项目文件
在r.photos下更改以下内容:
var imgHeight=n.height<200?200:n.height;//Mod by Shenjiujun 20220426 NewAdd
r.close(l.loadi),
l.index = r.open(i.extend({
type: 1,
area: function () {
var a = [n.width, n.height],
o = [i(e).width() - 100, i(e).height() - 100];
if (!t.full && (a[0] > o[0] || a[1] > o[1])) {
var r = [a[0] / o[0], a[1] / o[1]];
r[0] > r[1] ? (a[0] = a[0] / r[0], a[1] = a[1] / r[0]) : r[0] < r[1] && (a[0] = a[0] / r[1], a[1] = a[1] / r[1])
}
var a0=a[0]<200?200:a[0];//Mod by Shenjiujun 20220426 NewAdd
var a1=a[1]<200?200:a[1];//Mod by Shenjiujun 20220426 NewAdd
return [a0 + "px", a1 + "px"];
//return [a[0] + "px", a[1] + "px"];//Moded
}
(),
title: !1,
shade: .9,
shadeClose: !0,
closeBtn: !1,
move: ".layui-layer-phimg img",
moveType: 1,
scrollbar: !1,
moveOut: !0,
anim: 5 * Math.random() | 0,
skin: "layui-layer-photos" + c("photos"),
content: '<div class="layui-layer-phimg" style="height:'+imgHeight+'px"><img src="' + d[u].src + '" alt="' + (d[u].alt || "") + '" layer-pid="' + d[u].pid + '"><div class="layui-layer-imgsee">' + (d.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:' + (a ? "block" : "") + '"><span class="layui-layer-imgtit"><a href="javascript:;">' + (d[u].alt || "") + "</a><em>" + l.imgIndex + "/" + d.length + "</em></span></div></div></div>",
success: function (e, i) {
l.bigimg = e.find(".layui-layer-phimg"),
l.imgsee = e.find(".layui-layer-imguide,.layui-layer-imgbar"),
l.event(e),
t.tab && t.tab(d[u], e)
},
end: function () {
l.end = !0,
i(document).off("keyup", l.keyup)
}
}, t))
}
注释部分为修改的部分