layer： 弹出层参数介绍

layui下载地址：https://www.layui.com

官网也有使用案例

这里需要初始化一下

layui.use('layer', function(){var  layer = layui.layer;layer.open({type: 1 //Page层类型,area: ['500px', '300px'],title: '你好，layer。',shade: 0.6 //遮罩透明度,maxmin: true //允许全屏最小化,anim: 1 //0-6的动画形式，-1不开启,content: '<div style="padding:50px;">这是一个非常普通的页面层，传入了自定义的html</div>'                });
});

例子：

layer.open({type: 2,title: '弹出层标题',area: ['700px', '550px'],offset : ['15%' , '20%'],shadeClose: false, //content: ['路径?参数='+id, 'no'],success: function (layero, index) {},end: function (index) {}});

有个bug问题：layui弹出层第一次弹出按钮位置偏下，再次点击正常显示

原因是：https://blog.csdn.net/qq_40137193/article/details/84024039

我的解决方法是：

 <script>/**公共方法**///先加载layeruilayui.use('layer', function(){ });var layer = layui.layer;</script><script>
//在这里面输入任何合法的js语句
function youMethod() {layui.use('layer', function(){var  layer = layui.layer;layer.open({type: 1 //Page层类型,area: ['500px', '300px'],title: '你好，layer。',shade: 0.6 //遮罩透明度,maxmin: true //允许全屏最小化,anim: 1 //0-6的动画形式，-1不开启,content: '<div style="padding:50px;">这是一个非常普通的页面层，传入了自定义的html</div>'                });
});}</script>

属性详解:

https://blog.csdn.net/csdnluolei/article/details/86131770

参数讲解：

链接1：

https://blog.csdn.net/lslby123/article/details/79861863

链接2：

https://blog.csdn.net/maosaiwei/article/details/72465669