layer页面层写法，按钮居中，全屏

最新推荐文章于 2023-05-21 08:00:00 发布

是个鬼

最新推荐文章于 2023-05-21 08:00:00 发布

阅读量1w

点赞数 4

CC 4.0 BY-SA版权

分类专栏： layer弹窗文章标签： web layer

本文链接：https://blog.youkuaiyun.com/Alinling1/article/details/99693331

layer弹窗专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用layer.js库创建一个可全屏化的页面层弹窗，包括设置弹窗样式、按钮布局及通过AJAX调用接口实现弹窗交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

导入layer.js，layer官网就有

html：<div style="display: none;" id="infocomp">aaaaa</div>
js：var dlg = layer.open({
    type: 1,
    //area: ['1060px', '520px'],
    scrollbar: true,
    title: ["页面层", 'font-size:14px; font-weight: 700;'],
    content: $('#infocomp'), //这里content是一个URL，
    btn: ['确定','关闭'],
    success: function(layero){
        layero.find('.layui-layer-btn').css('text-align', 'center'); //改变位置按钮居中，left左
    },
    yes: function (index, layero) {
        $.ajax({
            url: "接口",
            type: 'post', //GET
            dataType: 'json',
            data: jsonval,
            success: function (data) {
                layer.closeAll();
            },
            complete: function () {

            }
        });
    }

},
    btn2: function (index, layero) {
        layer.close(index);
    }
});
layer.full(dlg);//加了这个就是全屏化