要实现 layui layer 弹窗链式执行，需三步：一、用 success 回调嵌套触发下一弹窗；二、为每个弹窗设唯一 id 防重复；三、用 promise 封装 layer.open 并配合 async/await 控制流程，首弹窗须置于 layer.ready 中避免闪烁。
需要让多个 layui layer 弹窗不堆叠、不抢焦点、按预设顺序一个关完再弹下一个，比如“确认删除→输入原因→操作成功提示”这种链式流程。
用 success 回调嵌套触发下一个弹窗
第一步：在第一个 layer.open 的 success 回调里调用第二个 layer.open，确保前一个 DOM 渲染完成后再启动下一个。
第二步：第二个弹窗的 success 或 yes 回调中再调用第三个，形成明确的执行链条。layer 的 success 是在弹层完全渲染、动画结束、DOM 可操作后才触发，比单纯 setTimeout 更可靠。
第三步：每个弹窗都显式设置 id 参数（如 id: 'step1'），避免用户快速点击多次导致同一环节重复弹出。id 值必须唯一且字符串类型，否则 layer 不识别。
用 Promise 封装 layer 实现线性控制
方法一：手写 Promise 包裹 layer.open，返回 resolve(index) 和 reject()，把每个弹窗变成可 await 的异步单元。
方法二：用 async/await 串起三段逻辑，代码更接近自然语言顺序，比如 await showConfirm(); await showPrompt(); await showMessage();。
注意：layer.open 本身不返回 Promise，必须自行封装；若未封装直接 await layer.open()，实际等待的是 undefined，后续会立即执行，失去顺序控制。
用 layer.ready() 确保首屏弹窗不闪动
页面刚加载就要弹第一个窗时，必须等 layer 内部样式加载完毕，否则出现先弹白框、再上色的闪烁。layer.ready() 是唯一官方推荐的等待时机。
这一步操作起来很简单，直接把首个 layer.open 放进 layer.ready 的回调里即可，不用额外引入 CSS 或手动计时。
layer.ready(function(){ layer.confirm('确定要执行下一步吗？', { id: 'first-step' }, function(index){ layer.close(index); // 关闭当前层 layer.open({ type: 1, content: '正在处理...', id: 'loading-step' }); }); });
