关于前端框架layui
程序员文章站
2022-04-07 17:49:40
...
点击图片查看大图样式,代码范例:
$('.qrcode').click(function(){
var src = $(this).find('img').attr('src');
layer.open({
type: 1,
title: false,
closeBtn: 1,
shadeClose: true,
area: ['430px','430px'], //宽高
content: "<img src=" + src + " />"
});
});
ajax返回较慢时使用加载层,范例
//生成桌号二维码
function add_qrcode(id){
var index = layer.load(1); //赋值
index; //开始
$.ajax({
type:'post',
data:{ id:id },
url:'/admin/table/qrcode',
success:function(data){
layer.close(index); //关闭加载
layer.msg(data.msg,{icon:1,time:2000},function() {
var index = parent.layer.getFrameIndex(window.name);
window.parent.location.reload();
parent.layer.close(index);
})
}
});
}