layui 弹框无法显示

研究了2个小时发现 layui 弹出框一直无法显示   

触发了弹框  js也没报错 

function openLogin(){
   var index =layer.open({
        type: 1
        ,title: false //不显示标题栏
        ,closeBtn: false
        ,area:  ['450px', '509px']
        ,shade: 0.3
        ,shadeClose:true
        ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
        ,moveType: 1 //拖拽模式，0或者1
        ,resize:false
        ,content: $('#loginModal')
    });

}

看了下 是不是 loginModal样式的问题

layui 在我自己的弹框包了两层 div 

妈耶！！原来是 top太高了 难怪没有 ，  官网说 默认坐标，即垂直水平居中。

也不清楚 是根据 窗口 还是根据内容 ，垂直水平居中。看这么高的top应该是根据内容垂直居中了

有可能有些div 影响到了 默认垂直水平居中吧。

layui提供了 

嘿嘿居然垂直不行，那就用水平吧 

   设置全局默认水平居中 

这就很舒服了。