Layui如何修改layer.confirm确认框的标题图标-Layui教程-PHP中文网

layer.confirm无法直接添加标题图标，因title参数仅支持字符串且会自动转义；可行方案是用layer.open手动构建，通过content传入含图标的html结构，完全控制标题区域。

layui如何修改layer.confirm确认框的标题图标

layer.confirm 默认没有标题图标，所谓“修改”其实是替换整个 title 区域

很多人搜“修改标题图标”，实际是想让 layer.confirm 弹窗左上角显示一个自定义图标（比如警告、问号、感叹号），但原生 layer.confirm 的 title 参数只接受字符串或 false，不支持传入 HTML。所谓“加图标”，本质是用 content 自定义整个弹窗结构，放弃默认 title 栏。

layer.confirm 底层调用的是 layer.open，它本身不提供 icon 配置项；layer.msg/layer.alert 里的小图标是内置样式控制的，confirm 没有这层封装
如果你强行在 title 里写 HTML（如 title: '<i class="layui-icon">⚠️</i> 确认删除'），Layui 会自动转义，显示为纯文本
真正可行的方式：用 layer.open 手动构造一个 confirm 风格的弹窗，自己写 DOM 结构

用 layer.open 模拟 confirm 并添加自定义图标

这是最稳定、可控的方式。你保留确认/取消按钮逻辑，同时完全掌控 title 区域的 HTML 内容。

设置 type: 1（页面层），area 控制宽高，btn 显式声明按钮文字
content 传入带图标的 HTML 字符串，例如：<div class="layui-layer-title"> <i class="layui-icon"></i> 删除操作</div> <div class="layui-layer-content">确定要删除这条记录吗？</div>
注意：Layui 的 .layui-layer-title 样式默认有 padding 和 border-bottom，直接复用能保持视觉一致
按钮回调里手动调用 layer.close(index)，别依赖 yes 回调的默认行为

layer.open({
  type: 1,
  title: false, // 关闭默认 title
  area: ['400px', 'auto'],
  content: '<div class="layui-layer-title">
<i class="layui-icon"></i> 删除操作</div><div class="layui-layer-content">确定要删除这条记录吗？</div>',
  btn: ['确定', '取消'],
  yes: function(index) {
    // 执行删除逻辑
    console.log('用户点了确定');
    layer.close(index);
  },
  btn2: function(index) {
    layer.close(index);
  }
});