# 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。
# 位置
- 位置:水平垂直居中展示。
# 各种状态
# 相似组件
系统升级,需提醒用户及时保存信息类的提醒,建议使用“警告”,不建议使用“全局提示”。