通知提醒框

概述

全局展示通知提醒，用于向用户反馈重要的警告提示和通知消息，将信息及时有效的传达给用户。

何时使用

在系统四个角显示通知提醒信息。经常用于以下情况：1、较为复杂的通知内容。2、带有交互的通知，给出用户下一步的行动点。3、系统主动推送。

何时不使用

1、重要的信息需要用户一定注意和做出行动时：建议使用对话框组件。 2、一些频繁的、不重要的简短提示，建议使用警告提示组件。

组件构成

1、标题（必有） ：传递核心信息，为用户提供通知的快速概览或直接结果。 2、通知文本（可选） ：用于描述额外的细节或可操作的步骤，通知的正文中可包含链接，这些链接可定向到后续步骤中。 3、行动按钮（可选） ：允许用户处理通知或将他们导航到包含更多详细信息的页面。 4、关闭按钮（可选） ：关闭通知提醒框。 5、图标（可选） ：辅助解释通知类型，让用户更快速、直观地理解信息 6、容器（必有） ：用于承载通知提醒框。

组件类型

组件类型主要分为：普通信息、带图标、带行动按钮。

图标类型

常用来显示「成功、错误、消息、警告」类的系统消息，其中图标也可被自定义。

带行动按钮类型

行动按钮允许用户处理通知，或将他们导航到包含更多详细信息的页面

组件布局

通知提醒框一般在在页面中的边缘位置弹出消息提示，可以从左上角、右上角、左下角、右下角弹出，距离边界24像素。在同一系统中需保持一致。

文案指南

通知提醒框为内容提供的空间有限，因此内容必须简短明了。 用户应该能够快速浏览通知，了解情况，并知道下一步该做什么。

标题

标题应该简短且具有描述性，解释最重要的信息。如果可能，建议仅使用标题传达主要信息。仅当标题是一个完整的句子时才使用句点。

正文内容

简明扼要，避免重复或改写标题。将内容限制为一两个短句。通过故障排除操作 ，或后续步骤来解释如何解决问题，可以在通知正文中包含将用户重定向到后续步骤的链接。

行为标签

保持标签简洁，并清楚地表明用户可以采取的行动，将行为标签限制为一两个词。

交互行为

关闭：通知提醒可以手动关闭，也可以设置时间自动关闭，延时关闭一般在弹出 4.5 秒后自动关闭。

对通知进行操作：用户可以点击行动按钮解决通知，如“回复”、“确认”或进入跳转链接。