跳到主要内容
Notice
用于在页面的顶部显示一些简短的反馈信息,比如操作成功或失败,通常会在几秒钟后自动消失。

基本定义

Notice 是一个小型的、无干扰的弹出式消息通知,几秒钟后自动消失。

构成元素

  1. 图标:直观的告知用户通知类型
  2. 标题:出现在标题框的文本

类型

具有以下 4 种类型:成功、提示、警告、错误

尺寸

备注

为了使 Toast 消息更易于阅读,Toast 限制了组件的尺寸,用户无法在短时间内记住太多内容。

宽度

Toast 默认随着内容填充,最大宽度不超过300PX,为了兼容旧版本Toast组件,超出的内容截断以...方式展示,并建议使用其它反馈类型组件。

高度

默认高度40PX,且不可更改。

用法

什么时候使用

  • 你想显示一条简短的状态信息。
  • 你不想在用户执行操作的时候打断他们。
  • 你想确认一个操作的状态。

什么时候不使用

  • 你想在用户进行某项操作时打断他们。
  • 你想显示复杂的通知信息。

最佳实践

类型构成示例
单个对象对象 动作已创建销售订单
多个对象对象 动作 项目数删除了2个销售订单
多个动作对象 动作 项目数添加了1个产品,删除了1个产品

行为

出现方式

位置:始终在屏幕的顶部,水平居中

生命周期

默认自动关闭,提供自定义开关,建议自动关闭。

全局变化

容器的规则

此组件以Z轴浮层形式出现,组件会覆盖屏幕上的内容,并始终出现在最顶层