layer.confirm 的 icon 参数仅支持数字1–6和-1，传入图片路径无效；需用content+btn:[]手动构造弹窗或CSS覆盖SVG图标。
layer.confirm 的 icon 参数只认数字 1–6 和 -1，不能直接填图片路径或自定义 svg —— 想换图标，必须绕过默认 icon 渲染逻辑。
为什么 icon: './my-icon.png' 不生效
因为 Layui 内部对 icon 值做了强校验：icon 为非预设数字（如 7、'5'、undefined 或字符串路径）时，会静默忽略或 fallback 到默认图标（通常是 icon: 3）。它不走 <img> 标签渲染，而是用内置 SVG 字符串拼接，所以你传路径进去等于白传。
- 常见错误现象：控制台无报错，但图标仍是黄色感叹号或空白
- 检查方式：在浏览器调试器里搜
layui-layer-icon类名，看实际 DOM 里有没有你预期的<svg>或<img> - 根本原因：Layui 的
layer.confirm是对layer.open的封装，而 icon 渲染逻辑写死在底层模板中，不可注入 HTML
用 content + btn: [] 手动构造带图弹窗
这是最可控、兼容性最好的方案：放弃默认标题栏和图标区，自己写 HTML 结构，把图标作为内容的一部分塞进去。
-
content必须是字符串（不能是 DOM 节点），里面可写<img src="./warn.png" width="24"> 确认删除该用户？ - 显式设置
btn: []，否则默认按钮和你写的按钮会叠加显示 - 加
title: false避免默认标题栏占位干扰布局 - 确认/取消逻辑需手动绑定到你写的
<button>上，用yes和cancel回调触发
layer.open({
content: '<div style="padding:20px;"><img src="./alert-icon.png" width="24" style="vertical-align:middle;margin-right:8px">确定要永久删除吗？</div>',
title: false,
btn: [],
yes: function(index, layero) {
// 点“确定”按钮时执行
layer.close(index);
doDelete();
},
cancel: function(index) {
// 点右上角 × 或按 Esc 时执行
layer.close(index);
}
});
用 CSS 覆盖默认 SVG 图标（仅限微调）
如果你只是想改颜色、大小或替换成另一个 SVG 字符（比如用 Unicode ✅ 替换 ❗），可以用 CSS 强制替换，但要注意作用域和选择器精度。
- 只对
icon: 3（警告）、icon: 2（失败）等有图标的类型生效；icon: -1无图标，不匹配 - 覆盖代码需放在
layer.open之后，或全局样式中确保权重足够高 - 示例（替换警告图标为红色叹号）：
.layui-layer-content .layui-layer-icon[lay-id="3"]::before { content: "❗"; color: #ff5722; font-size: 20px; } - 缺点：所有用了
icon: 3的弹窗（layer.alert、layer.confirm、layer.msg）都会被统一替换，无法区分类型
容易被忽略的关键点
真正卡住人的不是怎么写 HTML，而是三个细节没处理好：
- 没加
title: false，导致自定义content上方还挂着一个空标题栏，布局错位 - 忘了设
btn: []，结果页面上同时出现两套按钮（你写的 + Layui 默认的），点击行为混乱 - 在
yes或cancel回调里漏掉layer.close(index)，弹窗关不掉，用户以为卡死了
