欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于前端框架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);
            })
        }
    });
}