layer组件layer.open弹出位置无法正常居中

发布网友发布时间：2022-04-27 12:04

共2个回答

热心网友时间：2022-04-07 09:45

我昨天用这个插件的时候也有这个问题，弹出内容大了就居不了中。这是组件不完美的地方，他设置了top和left值，而且是固定的。这种弹出层都是绝对定位的所以没办法用margin：auto 0神马的居中。解决方案主要两种：
1.修改在浏览器里面调试模式，调一下top和left看怎么合适，修改lay.css代码；
2.自己写个弹出层，其实超简单，弹出层原理就是搞一层遮罩（一个div，放在body下，高宽都100%，层级顺序设置高于其它层（除弹出内容层以外），加个滤镜效果让他半透明）和弹出内容层（层级顺序设置为最高）再加个关闭按钮。默认这三个容器隐藏（hide或display：none），点击时显示（show或display：block）；
我是采用的第二种方式，实现简单自由，可以随便修改弹出框的样式和丰富的内容。比如：增加记录弹出表单之类。

热心网友时间：2022-04-07 11:03

这样写 parent.layer.open({ 就可以加一个 parent