2022-04-09 工作记录--LayUI-layer.open()打开比父页面大的子页面

最新推荐文章于 2024-05-21 15:43:31 发布

小呀小萝卜儿

最新推荐文章于 2024-05-21 15:43:31 发布

阅读量1.8k

点赞数 6

分类专栏：工作-LayUI 文章标签： layui 前端

本文链接：https://blog.csdn.net/weixin_48850734/article/details/124055929

版权

工作-LayUI 专栏收录该内容

47 篇文章 3 订阅

订阅专栏

LayUI-`layer.open()`打开比父页面大的子页面

项目中想通过layer.open()打开一个子页面，其页面大小要大于父页面：

直接用layer.open()发现子页面的最大宽高只能是父页面宽高；
解决方法：在layer.open()前面加个top.或者parent.，即通过top.layer.open()或者parent.layer.open()打开比父页面大的子页面

在这里插入图片描述

parent.layer.open({ // 这儿的parent也可写成top
     type: 2, // iframe层
     title: '学员信息', // 标题
     area: ['1750px', '822px'], // 宽高 [宽度,高度]
     offset: ['auto', '170px'], // 设置显示位置，即定位 [x,y]
     shadeClose: true, // 点击遮罩层，弹窗关闭
     content: "{:url('Customer/childrenDetail')}?cid="+id // 需要弹出的页面地址及携带的参数cid
})