Layui弹窗需设fixed: false并用offset手动平铺，id唯一、禁用拖拽；通过layer.config或动态zIndex隔离层级；自动计算视口容量并循环复用位置；iframe中须调parent.layer.open或postMessage跨域通信。
需要让多个Layui弹窗在页面上水平或垂直平铺排列，而不是默认堆叠在同一个位置造成遮挡，例如用于多任务面板、对比窗口或分屏操作场景。
用offset+固定间距手动平铺
第一步：记录首个弹窗的索引，并设定基准偏移量，例如左上角起始位置为['20px', '20px']。
第二步：每次打开新弹窗时，按顺序递增水平或垂直偏移——若水平平铺，将第二个弹窗offset设为['20px', '320px']，第三个为['20px', '620px']，依此类推，间隔300px留出拖拽余量。
第三步：必须显式设置fixed: false，否则所有弹窗都会锚定视口左上角，offset数值失效；【fixed: true是默认值，不改就会全部挤在左上角】。
第四步：为避免用户拖动后位置错乱，建议关闭拖拽功能——添加move: false参数。
用layer.config统一管理zIndex并隔离层级
方法一：主页面调用layer.config({ zIndex: 1000 })，确保首层弹窗从1000开始计数。
方法二：每个新弹窗打开前，手动计算zIndex值，例如zIndex: 1000 + i * 10（i为弹窗序号），保证相邻弹窗zIndex差至少10，防止视觉重叠时点击穿透。
注意：不要复用同一id，否则layer会强制关闭前一个——平铺要求多个共存，id必须唯一，例如动态拼接id: 'panel_' + Date.now()。
自动计算视口内可容纳数量并循环复用位置
获取当前窗口可用宽度：const availWidth = document.documentElement.clientWidth - 40;（减去左右边距）。
设定单个弹窗标准宽度（含阴影和边框）为340px，即可容纳Math.max(1, Math.floor(availWidth / 340))个水平弹窗。
用取模运算分配位置：offset: ['20px', (i % count) * 340 + 20 + 'px']，超出部分自动换行到下一行（需配合verticalOffset逻辑）。
这一步要配合style="min-width: 340px;"写在content里，否则小屏下内容挤压会导致布局错乱。
iframe子页面中平铺弹窗的特殊处理
子页面不能直接调layer.open，必须走parent.layer.open，否则弹窗插入子页面body，脱离主视口坐标系。
子页面调用时，offset值需基于主页面视口计算，不能用document.body.offsetWidth——它返回的是iframe内部尺寸。
正确做法：父页面暴露一个函数window.openPanel = function(opt) { parent.layer.open(Object.assign({ fixed: false }, opt)); }，子页面传入已换算好的offset。
【跨域子页面无法调用parent.layer，此时必须用postMessage通信，由父页接收后执行open】。
