layui实现全屏弹出层。

最新推荐文章于 2025-09-11 02:21:52 发布

原创最新推荐文章于 2025-09-11 02:21:52 发布 · 1w 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

收录于

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

实现的源码：

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);            //实现全屏弹出。
},