layui彈框自適應高度

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);
            }
        });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章