直接用btn数组配置按钮文字，但必须配对yes、btn2、btn3等回调函数才能响应逻辑；数组顺序决定按钮位置及回调映射，超3个需手动CSS修正布局；点击后需在回调中调用layer.close(index)关闭弹层，异步操作须在回调内关层；自定义样式推荐success注入或skin类名方式；closeBtn与btn共存时需分别处理cancel和btn2逻辑，且回调名与index参数须严格匹配。
直接用 btn 配置项就能设置自定义按钮文字，但要让它们真正可点击、能响应逻辑，必须配对使用 yes、btn2、btn3 等回调函数——光写按钮名没用，不绑定函数就只是静态文本。
btn 数组怎么写才生效
Layui 的 btn 是个字符串数组，顺序决定按钮位置和回调映射关系：
-
btn: ['确定']→ 触发yes回调（也可写成btn1） -
btn: ['确认', '取消']→ 第一个触发yes或btn1，第二个触发btn2 -
btn: ['保存', '重置', '关闭']→ 分别对应btn1、btn2、btn3 - 超过 3 个按钮也支持，比如
btn4、btn5，但注意 DOM 中按钮容器.layui-layer-btn默认只撑开适配前 3 个，多的会换行或溢出，需手动加 CSS 修正
按钮点击后怎么关闭弹层
回调函数里不显式调用 layer.close(index)，弹层不会自动关。常见错误是只写了逻辑却忘了关：
-
yes和btnX函数的第一个参数就是当前弹层索引index，直接传给layer.close()即可 - 如果想阻止关闭（比如表单校验失败），在函数末尾
return false - 如果函数里做了异步操作（如 AJAX 提交），关层动作得放在回调里，不能写在请求外
- 别用
layer.closeAll()代替layer.close(index)，否则可能误关其他弹层
自定义按钮样式怎么改不生效
直接写全局 CSS 很容易被 Layui 内联样式覆盖，推荐两种稳妥方式：
- 在
success回调里动态注入 style：layero.find('.layui-layer-btn').append('<style>.layui-layer-btn button{border-radius:6px;padding:0 20px;}</style>') - 给弹层加
skin类名（如skin: 'my-layer'），再写带前缀的 CSS：.my-layer .layui-layer-btn button { ... } - 避免用
!important硬顶，Layui 按钮本身有layui-btn类，优先复用它的样式体系更稳定 - 圆角、内边距、字体大小这些属性改了才明显，纯颜色调整常被忽略
自定义按钮和内置关闭按钮共存要注意什么
默认右上角关闭按钮（closeBtn: 1）和底部 btn 按钮是两套独立机制，但行为容易冲突：
- 如果
cancel回调里没做任何事，默认仍会关闭弹层；想拦截就得return false - 用户点右上角 × 和点“取消”按钮，都可能触发关闭，但前者走
cancel，后者走btn2，逻辑要分开设计 - 若隐藏右上角按钮，务必设
closeBtn: 0，而不是靠 CSSdisplay:none—— 后者会导致键盘 ESC 仍能关闭，体验不一致 - 移动端触摸区域小，两个关闭入口离太近容易误点，建议至少留 20px 间距
最常被忽略的是：按钮回调函数名必须严格匹配 yes/btn2/btn3，拼错一个字母就不会执行；还有就是 index 参数必须从回调里拿，硬写数字或用 layer.index 都不可靠。
