layer.msg 的 icon 参数不支持自定义图标路径，仅接受 0–6 数字或内置字符串（如 'success'），底层基于 layui-icon 字体，无法传入图片 URL；需用 layer.open 自定义 content 实现 PNG/SVG 图标。
layer.msg 的 icon 参数不支持自定义图标路径
直接说结论：layer.msg 的 icon 参数只接受数字（0–6）或内置字符串（如 'success'），底层用的是字体图标（layui-icon），压根没留接口让你填图片 url。想塞个本地 ./icons/warn.png 进去？会直接忽略，或者报错后退回到默认图标。
常见错误现象：layer.msg('出错了', {icon: './my-icon.png'}) → 控制台无报错但图标消失；或者传了数字但图不对（比如用了 7，但 layui 只认 0–6）。
- 官方 icon 映射：0=失败，1=成功，2=警告，3=问号，4=锁，5=笑脸，6=哭脸
- 如果非要改样式，得走 CSS 覆盖，不是换路径
- 注意版本差异：layui 2.8+ 把 icon 字体做了 SVG 内联，老版（2.5.x）还能 hack 字体文件，新版基本封死
想用自定义图片？改用 layer.open + 自定义 content
layer.msg 是极简提示，不支持 DOM 插入。真要放 PNG/SVG，得升维到 layer.open，手动构造内容区。
使用场景：需要带品牌 logo 的错误提示、含动效的加载反馈、多行图文混排的业务提醒。
- 关闭
title和closeBtn让它看起来像 msg - 把图片写进
content字符串或 DOM 节点里，例如：<img src="./warn.png" style="width:24px;vertical-align:middle"> <span>操作失败</span> - 加
time: 3000模拟自动关闭，再配end: function(){ layer.closeAll(); }避免残留 - 注意 z-index 和居中逻辑：
offset: 'auto'+area: ['auto', 'auto']更稳
CSS 覆盖 icon 字体时的关键限制
如果坚持用 layer.msg 但想换视觉，唯一可行路径是覆盖 .layui-layer-content .layui-layer-icon 的伪元素，前提是你的图标能转成字体或 base64 SVG。
容易踩的坑：
- 必须用
!important，因为 layui 内联样式优先级高 - SVG 要转成 data URI，且不能带引号（
url("data:image/svg...")→ 去掉双引号） - 只对 icon 0–6 生效，新增数字无效；若覆盖了
icon: 2，所有icon: 2提示都会变 - 移动端要注意 SVG 尺寸缩放，加
background-size: contain更安全
为什么别碰 layui 的 font-class 替换
有人试过删掉 layui.css 里的 @font-face，自己挂新字体文件，再重定义 .layui-icon-tips。这路子在单页应用里大概率翻车。
- layui 加载顺序不可控，你的 CSS 可能被后载的 layui 样式覆盖
- 图标 Unicode 码点（如
\e61c）是硬编码在 JS 里的，换字体不换码点 = 显示方块 - layer 内部用
document.createElement('i')动态插 icon，你没法拦截创建过程 - 升级 layui 时，所有字体映射关系可能重排，维护成本远高于直接用
layer.open
真正省事的做法：接受 icon 0–6 的语义约束，用颜色和文案区分状态；非要图形化，就切到 layer.open —— 路径清晰，不埋雷。
