layer.open()详细参数对照说明

2023-06-07前端开发
813

layer.open()详细参数对照说明,希望在你使用中可以帮到您!
layer.open({
  type:,//基本层类型:0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)
  title:'标题',//或给标题加样式:['文本', 'font-size:18px;']
  closeBtn: 0, //不显示关闭按钮
  content :'内容',
  area :'500px',//弹框设置大小,或 ['500px', '300px']
  offset:‘auto’,//坐标:默认垂直水平居中、'100px'只定义top坐标,水平保持居中、 ['100px', '50px']同时定义top、left坐标
  fixed: false, //取消固定定位,因为固定定位是相对body的
  closeBtn: 0,//关闭按钮不显示
  shadeClose:false,//禁止点击阴影关闭窗口
  move:false,//禁止点击标题拖动
  moveType: 1 //拖拽模式,0或者1
  anim:0,//弹出动画:默认0(平滑放大),1(从上掉落),2(从最底部往上滑入),3(左滑入),4(左翻滚) ,5(渐显),6(抖动)
  maxmin:true,//开启最大化和最小化按钮
  shade: 0, //不显示遮罩
  btn: ['火速围观', '残忍拒绝'],
    btnAlign: 'c' ,//按钮居中
  yes:function(){
    layer.closeAll();//关闭窗口
  },
  btn2:fucntion(){
    layer.closeAll();//关闭窗口
  },
   style: 'position:fixed; left:0; top:0; width:100%; height:100%; border: none; -webkit-animation-duration: .5s; animation-duration: .5s;'//可设置窗口位置、大小、出现动画方式
})
The End

相关推荐

Layui实现数据表格中鼠标悬停图片放大离开时恢复原图
Layui实现数据表格中鼠标悬停图片放大离开时恢复原图的效果,最终效果如下图所示: 实现代码如下,在done函数中调用hoverOpenImg方法 var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/postData', //width : 150...
2025-09-04 前端开发
112

Layui treetable复选框联动解决方案
我们都知道layui treetable.js没有checked做联动。我们要实现Layui treetable复选框联动要怎么操作呢?实现的最终效果如下: 1. 在当前HTML文档checked监听函数中增加以下代码: //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj);...
2025-06-06 前端开发
163

Layui中实现开关按钮的效果
按钮代码如下: {field: 'state', title: '状态', width: 85, templet: function (data) { if (data.state == 0) { return 'div input type="checkbox" checked="" name="codeSwitch" lay-skin="switch" id="open" lay-filter="switchTest" switchId=' + data...
2025-04-13 前端开发
112

layui.open属性打开一个弹出层
核心方法 var index = layer.open({ type : 2, title : title, maxmin : true, offset: '100px', area : [ '600px', '500px' ], content : prefix + url// iframe的url }); layer.full(index); //最小化 type - 基本层类 类型:Number,默认:0 layer提供了5...
2025-02-25 前端开发
82

mui 消息提示框 toast自定义样式
参数 说明 说明 duration 持续显示时间,默认值 short(2000ms) 支持 整数值 和 String ,String可选: long(3500ms) , short(2000ms) type 强制使用mui消息框(div模式) div mui.toast('加载中...',{ duration:'long', type:'div' }); css文件如下: .mui-toast-...
2025-01-09 前端开发
207

mui中的a标签无效和click无法点击的问题
解决mui的a标签无效: mui('body').on('tap','a',function(){ window.top.location.href=this.href;}); 解决mui无法点击元素的问题:(主要是mui屏蔽了click,更换成tap即可) $('#id').on('tap','xx',function(){ //dosomething});...
2025-01-09 前端开发
148