layui 加载页面完成时弹出的页面不能居中(Layui进入页面直接弹出提示信息)

弹出层百度的时候大家都说最好放在body的外部,不然会因为其他层级原因导致弹出层被遮盖或者遮盖其他部分无法点击(具体情况请自行测试)

<div id="aaa" style="display:none" layout:fragment="form-layer">
    <p>
       我是弹出层
    </p>
</div>

弹出层页面第一次弹出的时候会出现不能居中的情况, 我们要使用 layer.ready ,这样才可以使得弹出层直接居中

layui.use(['form','layer'], function () {
    var layer = layui.layer;
    var form = layui.form;
layer.ready(function () {
    layer.open({
        title: false,
        skin: 'form-layer-after',
        type: 1,
        area: ["auto", 'auto'], //宽，高
        content: $('#aaa'), // 弹出层容器
        btn: ['确认']
    });
	})

})