Overlay / 03
Message · 通知
轻量反馈体系：五类 Message（成功 / 失败 / 提示 / 警告 / 加载中）在右上角浮出，4.5 秒后自动消失；常驻的 Notification 卡片支持手动关闭；破坏性操作使用 Popconfirm 就地二次确认。
五类 Message
success / danger / info / warn / loading静态外观
保存成功
商品信息已更新，前台 5 分钟内生效。
操作失败
网络异常，请检查连接后重试。
提示
这是一条普通的信息通知。
注意
库存低于安全水位，建议尽快补货。
正在上传
已上传 3 / 8 个素材，请勿关闭页面。
动态触发
点击按钮会真的在右上角浮出 Toast，4.5 秒后自动消失，也可点右上角叉号提前关闭。前四类各自带色彩与图标，第五类不带色彩变体，用于不需要语气倾向的系统消息。
加载态与进度
任务进行中
素材上传62%
需要阻塞页面时用全屏遮罩，只有局部等待时用 .loadbar 与骨架屏。
Notification 通知卡片
右上角常驻 · 可关闭页面右上角浮层（点右上角 × 可关闭）
新的协作邀请
陈嘉禾 邀请你加入「表单校验」页面评审，时间周三 14:00。
配额即将用尽
本月创作额度剩余 8%，升级专业版可继续使用全部高级模型。
构建完成
97 个页面已生成，用时 17.4 秒，2 条提示待查看。
三张卡片均已关闭，刷新预览即可恢复。
| 形态 | 停留时间 | 适用场景 |
|---|---|---|
| Message / Toast | 4.5s 自动消失 | 操作结果反馈 |
| Notification 卡片 | 常驻直到关闭 | 需要阅读或操作的推送 |
| Popconfirm | 跟随触发点 | 就地二次确认 |
| Alert / notice-bar | 随页面 | 持续性说明与规则提示 |
文案规范
标题不超过 12 字，正文一句话说清「发生了什么 + 下一步怎么做」，不要出现「操作成功」这类无信息量的标题。
Popconfirm 二次确认
.pop + 按钮危险操作就地确认
2026 春季新品方案.pdf
2.4 MB · 昨天 16:20
确认删除该文件？
删除后进入回收站，30 天内可恢复。
首页轮播主图.png
486 KB · 上周五
该图片正在被 3 个页面引用
删除后这些页面会出现图片缺失，建议先替换素材。
定时任务：每日数据备份
下次执行 02:00
立即触发该任务？
预计耗时 1 分 20 秒，期间不影响线上服务。
向左对齐的气泡定位
将影响 3 个线上环境
发布后缓存立即刷新，已登录用户会在下次访问时看到新版本。
恢复为默认配置？
已修改的 14 项设置将全部丢弃，此操作不可撤销。
与 Tooltip 的分工
Tooltip只做解释，不承载任何可点击操作，鼠标移开即消失。
Popconfirm承载确认与取消两个动作，点击后需给出明确结果反馈。
Modal确认信息超过 3 行或需要额外输入时才升级为弹窗。