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>
   /**公共方法**/

   //先加载layerui
    layui.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