layui弹框自适应高度

我只是一个虾纸丫 提交于 2020-08-11 13:46:25

layer.open自适应高度

方式一:如下,可有效防止高度超出可视范围

        layer.open({
            skin : 'layui-layer-molv',
            type : 1,
            title : '预览',
            area : ['640px', '95%'], // 高度设置为95%,防止超出可视范围
            shade : 0.8, // 遮罩层透明度
            id : 'LAY_layuipro', //设定一个id,防止重复弹出
            resize : false, //是否允许拉伸
            btn : ['关闭'],
            btnAlign: 'r',
            moveType : 1, //拖拽模式,0或者1
            content : 'html内容',
            yes: function (index) {
                layer.close(index);
            }
        });

方式二:完全自适应高度,当数据过长时,可能会超出可视范围

        layer.open({
            skin : 'layui-layer-molv',
            type : 1,
            title : '预览',
            area : ['640px'], // 自适应高度
            shade : 0.8, // 遮罩层透明度
            id : 'LAY_layuipro', //设定一个id,防止重复弹出
            resize : false, //是否允许拉伸
            btn : ['关闭'],
            btnAlign: 'r',
            moveType : 1, //拖拽模式,0或者1
            content : 'html内容',
            yes: function (index) {
                layer.close(index);
            }
        });
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!