通知Notification
你可能会说
右上角铃铛点开，里面列出所有系统消息。
在页面角落或通知中心出现，提醒用户某件事已经发生或需要处理例如报表导出完成后，通知可以显示“文件已生成”，并提供“下载”入口。只有需要稍后查看的消息才应保留在通知中心；短暂的操作反馈用 轻提示 Toast 更合适。
你可以这样告诉 AI Agent
请让后台导出完成后写入通知中心，通知包含报表名称、完成时间和下载入口，未读状态可识别。不要只在原页面弹 Toast，也不要阻塞当前页面；验证用户切换页面后仍能找到并下载文件。
什么时候用
- 审核 / 审批结果：带原因和「查看详情」入口审核未通过 查看原因 →
- 新评论 / 新@提醒：不是当下操作的直接结果新评论「这个方案我觉得可以」查看 →
- 后台任务完成：导出完成，附下载入口导出完成1,024 条数据已导出下载文件 →
- 系统公告：版本更新、活动通知系统公告v2.4 已发布，新增深色模式更新日志 →
什么时候不用
- “保存成功”等简短结果：使用 轻提示 Toast已保存一句话的事，用不着通知
- 需要立即处理才能继续：使用 弹窗 Modal 限制后续操作请先完成实名认证去认证
- 需要持续显示的提醒：使用 警告提示 Alert📢 本周六 02:00-04:00 系统维护，期间暂不可用
- 连续推送多条通知：会遮挡内容并分散注意力新评论导出完成系统公告
组成结构 · Anatomy
审核未通过封面临摹比例过高，请调整后重新提交。
×在界面角落展示消息的卡片
区分信息 / 成功 / 警告
一句话结论，加粗
原因、影响和下一步入口
让用户按需关闭通知
常见变体 · Variants
基础通知Basic
新评论
「这个方案我觉得可以」
有消息值得知道，但不急着处理
带操作链接With Action
导出完成
1,024 条数据已导出
下载文件 →告知之外还要给一个下一步入口
警告类型Warning
存储空间不足
剩余不到 500MB，请及时清理
出现需要留意的隐患，如空间不足
典型使用场景
审核结果通知
审核未通过
封面临摹比例过高，请调整后重新提交。
查看原因 →新消息提醒
新评论
林小hu:「这个方案我觉得可以，就按这版做。」
回复 →导出完成下载
导出完成
1,024 条订单数据已打包完成。
下载文件 →版本更新公告
系统公告
v2.4 已发布：新增深色模式与全局搜索。
更新日志 →快速练习