通知提醒框

Notification

UI 组件也叫：通知、消息通知、右上角通知、Notice

一句话：从屏幕角落（通常是右上角）弹出的消息卡片，带标题和正文，用来提醒新消息或后台任务结果。

详细解释

通知提醒框是一张小卡片，从右上角（有时右下角）滑入，包含图标、标题、一两行正文，右上角有关闭按钮，有时还带「查看」之类的操作按钮。它可以几秒后自动关闭，也可以一直停留直到用户手动关掉。典型场景：导出任务完成、收到新的审批、有人在评论里提到你。

它和 轻提示 的区别在于信息量和来源：轻提示只有一句话，反馈用户刚刚做的操作；通知提醒框有标题和正文，往往是系统主动推送、与用户当前操作无关的消息。和 警告提示 的区别：警告提示固定在页面里说明持续状态，通知是浮在页面之上的临时卡片。

通知提醒框不等于消息中心。需要长期保存、可回看的消息，应该另做一个带徽标的通知列表。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

后台导出任务完成时，在页面右上角弹出一个通知提醒框，宽 360px，左侧对勾图标，标题「导出完成」，正文「订单数据已生成，共 1,280 条」，下方带「下载」按钮，右上角可关闭，8 秒后自动消失，鼠标悬停时暂停计时。

一张浮动的小卡片，由状态图标、标题、正文、可选操作按钮和右上角关闭按钮组成，多条时纵向堆叠。

插件本地识别时匹配的 CSS 选择器（标签、ARIA role、常见组件库 class）。