layer.open 遮罩层点击可以关闭layer.open打开的页面
时间: 2023-08-23 10:15:55 浏览: 238
您可以通过在`layer.open`的参数中设置`shadeClose`为`true`来实现点击遮罩层关闭打开的页面。`shadeClose`的作用是设置遮罩层是否点击关闭,默认为`false`。当设置为`true`时,点击遮罩层会触发关闭操作。例如:
```
layer.open({
...
shadeClose: true,
...
});
```
这样,当用户点击遮罩层时,`layer.open`打开的页面将会被关闭。
相关问题
layer.open关闭后打开另一个layer.open
可以通过在layer.open的回调函数中再次调用layer.open来实现关闭当前弹窗并打开另一个弹窗。例如:
```
layer.open({
content: '第一个弹窗',
yes: function(index, layero) {
layer.close(index); // 关闭当前弹窗
layer.open({
content: '第二个弹窗'
});
}
});
```
在第一个弹窗的确认按钮回调函数中,先关闭当前弹窗,然后再打开第二个弹窗。这样就可以实现关闭后打开另一个layer.open。
layer.open 父层居中
要使layer.open的父层居中,您可以使用CSS来实现。首先,确保父层具有宽度和高度,然后使用以下CSS样式使其居中:
```css
.parent {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
```
在上述代码中,`top: 50%`和`left: 50%`将父层的顶部和左侧定位在页面的中心。然后,`transform: translate(-50%, -50%)`将其向左和向上移动其自身宽度和高度的一半,从而实现居中。
确保将`.parent`替换为您实际使用的父层的类名或选择器。
阅读全文