layui 弹窗自适应高度_layui弹框自适应高度

2024-05-31 13:40:05

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);

}

});

layui 弹窗自适应高度_layui弹框自适应高度相关推荐

layui 传递前端请求_layui弹出层如何传值？
layui弹出层如何传值?下面本篇文章给大家介绍一下layui弹窗间的传值(layui弹出层传值)(窗口传值).有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 主要有两部分从主窗口传 ...
不定高度的弹框垂直水平居中
子元素宽度一般会有,比如给80%:高度不固定一.定位与margin 子元素设置: position:absolute;top:0;bottom:0;left:0;right:0;margin:aut ...
html弹窗显示表格,js弹框表格，获取数据添加进去dom里面
js操作DOM是否是你想要的结构?我的问题与你类似,只不过是建立在动态表上 /** 功能实现:1.实现表格添加一行 2.实现表格删除当前行步骤:1.根据表格id获取当前表格 2.获取表格中的tBod ...
弹框在一个很的长页面居中显示
说到这个问题,100%的前端工程师都遇到过.但是这个问题又是不太好形容,所以对此做解释的人自然很少,这里,我要对这个问题,做一下解释,以一个实际的例子引出话题,分析问题.下面先看下,在各种机型上支持的 ...
android 底部弹框 BottomSheetDialog 的使用
先简单的说下普通弹框使用步骤首先项目需要添加design 库简单的使用和dialog 一样如下 BottomSheetDialog sheelt = new BottomSheetDialog ...
android 仿ios 底部弹出,项目需求讨论-仿ios底部弹框实现及分析
hi,在项目开发中,有时候需要仿照ios的底部弹框做效果,比如我们在iPhone上面关闭定位的时候,就会弹出ios特有的底部弹框: 屏幕快照 2017-10-09 08.20.30 PM.png 弹框 ...
自定义IOS系统弹框
写在之前系统的弹框虽然很好看,但是有时候无法完全满足UI设计的需求,比如说中间要显示一个输入框,或者要放置一张图片,这里介绍一个很早之前的自定义弹框库,这个自定义弹框sdk写的很细致,定制性很强,几 ...
iOS项目中一定会用到的两种常用的弹框从底部弹出、中间弹出 Swift代码
从底部弹出的弹框 ,样式如下 1.利用CocoaPods导入HWPanModal 框架,在桥接文件中导入头文件 #import "HWPanModal.h" 2.创建一个新的控制器 ...
layui弹窗自适应变大_layui怎么调整弹框大小？
layui怎么调整弹框大小?下面本篇文章给大家介绍一下layui中调整layer弹出窗体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layer是一个备受青睐的web弹 ...
layui弹窗ifarme引入自适应页面（vw）样式缩小
问题描述及分析:layui弹窗的宽高不是铺满屏幕的,是在屏幕中间,而做了自适应的页面采用是vw单位,正常情况是自适应的页面的宽根据浏览器窗口的宽度自适应,但是应为layui弹窗的ifame是设置了固定 ...

最新文章

热门文章