layer弹窗第一次不居中。然后再点击就居中了。解决办法
文章树列

方法一。把弹窗事件写在layer.ready里面

layui.use('layer', function(){

  var layer = layui.layer;

 layer.ready(function() {

                        var index = layer.load(2);

                        layer.open({

                            type: 1,

                            title: false,

                            closeBtn: 0,

                            shadeClose: true,

                            area: ['200px', 'auto'],

                            content: '<img class="closeCode" src="' + dataimg + '" width="100%" />',

                        });

                        layer.close(index);

 

                    });

 

});

 

 layui.use('layer', function(){

                    var layer = layui.layer;

                    layer.ready(function() {

                        var index = layer.load(2);

                        layer.msg('密码不对,,扫个码关注下很难嘛', {icon: 5});

                    });

 

                });

            

 

方法二。在成功以后修改样式

              layer.open({
                            type: 1,
                            title: false,
                            closeBtn: 0,
                            shadeClose: true,
                            area: ['200px', 'auto'],
                            content: '<img class="closeCode" src="' + dataimg + '" width="100%" />',
                            success:function(layero,index){
                                layer.style(index, {
                                   top: '50%',
                                   transform:'translateY(-50%)'
                                });

                            }
                        });

方法三。写个固定的宽高

           layer.open({
                            type: 1,
                            title: false,
                            closeBtn: 0,
                            shadeClose: true,
                            area: ['200px', '200px'],
                            content: '<img class="closeCode" src="' + dataimg + '" width="100%" />',
                        });

新版下载
本文原创,商业转载请联系作者获得授权,非商业转载请注明出处。

评论

发送评论 编辑评论


                        

前端技术分类热门文章

标签热门文章排行

☛免责声明 ☛本站使用教程
Theme Argon With Ry-Plus By 清欢
我的第21918位朋友,历经127599次回眸才与你相遇
内容失效/资源代找/交流学习
内容失效/资源代找/交流学习