关于前端框架layui

点击图片查看大图样式,代码范例:

$('.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);
            })
        }
    });
}