使用弹出层layer.open，第一次永远不能垂直居中，只能在不刷新的状态点第二次才能居中

最新推荐文章于 2023-05-18 17:08:15 发布

原创最新推荐文章于 2023-05-18 17:08:15 发布 · 3.6k 阅读

2 ·

CC 4.0 BY-SA版权

layui 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种在layui框架中实现层弹窗加载效果的方法。通过将layer组件放入ready函数，并利用load方法创建加载图标，随后打开无标题、无关闭按钮的层弹窗展示图片内容，最后关闭加载图标，实现了平滑的加载过渡效果。

解决方法：
把 layer 放到 ready中，然后在 ready中，加入load，再关闭load即可。

layui.use('layer', function() {
    var layer = layui.layer;
    layer.ready(function(){
    	var index = layer.load(2);
	    layer.open({
	        type: 1,
	        title: false, //不显示标题
	        skin: 'layui-layer-demo', //样式类名
	        closeBtn: 0, //不显示关闭按钮
	        anim: 2,
	        shadeClose: true, //开启遮罩关闭
	        content: '<img style="max-width:260px;" src="' + src + '" />'
	    });
	    layer.close(index);
    })
});