layui实现全屏弹出层。

最新推荐文章于 2025-06-19 09:20:12 发布

原创最新推荐文章于 2025-06-19 09:20:12 发布 · 1w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

本文介绍了一个使用JavaScript实现的全屏弹出层组件，该组件利用Layer.js库创建了一个可自定义大小、位置和样式的弹出窗口，支持全屏显示并提供了关闭按钮。

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

实现的源码：

js函数：

addtype: function () {
    var that = this;
    that._data.operatetype = 0;
    that._data.saveobj.floorId = [];
    that._data.layerindex.index_2 = layer.open({
        type: 1,
        offset: 'auto',
        shadeClose: true,
        shade: 0.1,
        title:["&nbsp;","height:0px;"],
        content: $("#view_23"),                  //view_23是弹出层内容部分的id。
        area: ["1200px", "600px"],
        maxmin: true,                            //实现全屏弹出。
        closeBtn : 1

    });
    layer.full(that._data.layerindex.index_2);            //实现全屏弹出。
},