# Message 全局提示

常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。

# 设计说明

# 弱提示

不打断用户的轻量提示。

# 显示时长

  • 推荐 3000ms 后自动关闭。

# 尺寸

  • 定宽定高,文案超出时建议使用“中提示”;
  • 屏幕宽度为 1920px 时,弱提示尺寸为:420px * 40px;
  • 屏幕宽度为 2560px 时,弱提示尺寸为:560px * 40px。

# 位置

  • 位置:建议距离页面顶部 20px ,水平居中展示。

# 中提示

# 显示时长

  • 自动关闭: 显示的时长默认为 5000ms,可以 ±1000ms 以内;
  • 被动关闭: 用户需手动关闭。

# 尺寸-屏幕宽度为 1920px

  • 宽度: 建议 420px ≤ 宽度 ≤ 680px;
  • 高度: 基础样式:建议 40px ≤ 宽度 ≤ 92px;带辅助文样式: 建议 40px ≤ 宽度 ≤ 452px。

# 尺寸-屏幕宽度为 2560px

  • 宽度: 建议 560px ≤ 宽度 ≤ 900px;
  • 高度: 基础样式:建议 40px ≤ 宽度 ≤ 92px;带辅助文样式: 建议 40px ≤ 宽度 ≤ 452px。
    其他规则与 1920px 的规则一致,不再重复说明。

# 位置

  • 推荐顶部水平居中默认样式。

# 强提示

# 显示时长

  • 自动关闭: 显示的时长默认为 3000ms;
  • 被动关闭: 用户需手动关闭。

# 尺寸

  • 定宽定高;
  • 屏幕宽度为 1920px 时,强提示尺寸为:360px * 224px;
  • 屏幕宽度为 2560px 时,强提示尺寸为:480px * 224px。

# 位置

  • 位置:水平垂直居中展示。

# 各种状态

# 相似组件

系统升级,需提醒用户及时保存信息类的提醒,建议使用“警告”,不建议使用“全局提示”。

上次更新: 4/15/2024, 9:41:55 AM