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

小灰灰 2021-11-27 03:32 283阅读 0赞

百度过很多的方法。一一列下来

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

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);  
                    \});

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

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%" />',  
                        \});