动态追加按钮仅适用于 type: 1 弹窗，需在 success 回调中通过 layero.find('.layui-layer-btn') 定位容器，插入带 layui-layer-btn1 类的按钮并绑定 lay-event 事件，避免 prepend 破坏 btn[0] 关闭逻辑。
要在 layui layer 弹窗打开后动态向底部按钮栏（btn 区域）追加新按钮，不能依赖 layer.open 的初始 btn 配置，因为该配置只在初始化时生效；必须手动操作 DOM 并绑定事件，同时确保样式、点击响应和关闭逻辑正确。
确认弹窗类型与按钮区结构
仅 type: 1（页面层） 的弹窗支持安全追加底部按钮。type: 0（信息框）、type: 2（iframe）等类型无原生 btn 栏 DOM 结构，强行插入会导致样式错乱或事件失效。
layer 为 type: 1 弹窗生成的底部按钮容器固定为：，位于弹窗最底部、遮罩层之上。这是唯一可安全追加按钮的目标节点。
获取弹窗 DOM 并插入新按钮
在 layer.open 的 success 回调中执行：
① 用传入的 layero 参数定位到按钮容器：var btnContainer = layero.find('.layui-layer-btn');
② 构造新按钮 HTML 字符串，必须包含 layui-layer-btn0 类（对应 btn[0] 索引逻辑），否则点击不触发默认关闭行为；若需自定义回调，改用 layui-layer-btn1 或更高索引类，并手动绑定事件：
var newBtn = '<span class="layui-layer-btn1" lay-event="custom">导出Excel</span>';
③ 插入按钮：btnContainer.append(newBtn);
⚠️ 注意：不要用 prepend() 插入到最前——layer 默认将 btn[0] 设为「确定」并自动绑定关闭逻辑，插入位置错乱会导致 btn[0] 被覆盖，点确定无法关闭弹窗。
绑定新按钮点击事件
方法一：利用 layer 内置事件委托（推荐）
在 layui.use 中初始化时，为整个页面监听 lay-event：
layero.on('click', '*[lay-event="custom"]', function(){<br> console.log('导出按钮被点击');<br> // 执行导出逻辑<br> // 不要在此处调用 layer.close(index)，除非你明确要关闭<br>});
方法二：直接绑定（适用于单次弹窗）
在 success 回调内，对刚插入的按钮调用 .on('click', ...)：
btnContainer.find('[lay-event="custom"]').on('click', function(){<br> // 注意：this 是当前按钮 DOM，layero 和 index 需从闭包获取<br> layer.msg('正在导出...');<br>});
【关键前提】 必须确保该弹窗已通过 layer.open 返回了有效 index，且未被提前关闭；否则 layer.msg 等调用会失败。
同步按钮样式与交互反馈
layer 默认为按钮添加 hover/active 样式，但动态插入的按钮不会自动拥有这些伪类效果。需手动补全 CSS：
.layui-layer-btn span:hover { background-color: #009688 !important; }
更稳妥的做法是复用 layer 原有按钮类名：class="layui-layer-btn0"（灰色确定）、class="layui-layer-btn1"（蓝色按钮）、class="layui-layer-btn2"（红色按钮），它们已内置完整样式和过渡动画。
插入后立即调用 element.render('button')（需加载 element 模块）可激活 layui 按钮组件增强，但非必需——纯 CSS 类已足够基础交互。
