界面图鉴
警告横幅Alert
警告横幅到底是什么？它和 Toast 都是「提示」，凭什么它不会消失？
常驻在页面或区块顶部的一条提示，说清一件需要注意的事，不会自己溜走。
01 · 拆开看看
这一块由什么组成
它是「钉在页面上的提示条」：说一件需要你注意的事，不拦路，也不会自己溜走——要么你处理了，要么你关掉。比 Toast 重，比 Modal 轻。组成：
状态图标Icon
蓝色告知、琥珀提醒、红色出错，颜色先定性。
标题与正文Message
一句话说清发生了什么、有什么影响。
操作Action
「去验证」「了解更多」——给一条能处理掉它的路。
关闭Dismiss
可选的 ×。能关的才给，关键报错不该能关。
02 · 常见变体
同一个零件，几种摆法
蓝色调：新功能上线、维护通知。
琥珀色调：试用剩三天、邮箱未验证。
红色调：提交失败、支付被拒，通常不能关。
03 · 火眼金睛
这个页面里，哪一条是 Alert？
三个都在提醒你，但只有一个既不拦路、也不会自己走。
点一块试试，看看它叫什么
就是它！钉在页面顶上，说清「邮箱没验证」，给个出口，你不处理它就一直在。
不是它。弹窗把整页拦住要你先表态——分量重得多，只留给非做不可的决定。
不是它。角落弹一下、几秒就消失的是 Toast，适合「保存成功」这种看过即忘的事。
04 · 用与不用
什么时候该上它
- 会持续存在的状态（未验证、试用到期）
- 表单提交后的整体报错
- 影响整页的系统通知（维护中）
- 一次性操作反馈——用 Toast
- 必须马上决定的事——用 Modal
- 页面顶上同时挂三条——没人会读
05 · 想一想
一道题，检查眼力
用户的付款方式下周就过期了，怎么提醒最合适？
对。这件事会持续存在，提示也该持续存在；给个「去更新」的出口，处理了就撤。
三秒就没了，错过就错过。等真的扣款失败，用户才发现你「提醒过」。
事情还没到非做不可，天天拦路只会招烦，还会让人养成无脑点关闭的习惯。
06 · 说给 AI 听
让 AI 改它时，这样说
说清它属于哪个范围（整页还是某个表单）和会不会消失，这两点决定了 AI 该用 Alert 还是 Toast。
表单顶部加一条红色 Alert，列出提交失败的原因
试用期剩 3 天时，在页面顶部显示一条琥珀色横幅，带「立即升级」按钮
Alert 右侧加关闭按钮，关掉后本次会话不再显示
这条 Alert 改成告知型：蓝色图标，不带关闭
最容易踩的坑
常驻横幅最怕「常驻」：一条挂了三个月的提示，用户早当它是墙纸。要么给出口让人处理掉，要么到时间就撤。