组件 • 装载机
装载机
一种指示器,显示任务的进度,如加载、卸载、处理等,直到界面准备好供用户交互。该指示器不显示可测量的进度;相反,它表明过程尚未完成,仍在进行中。
§应用
✅ 何时使用
- 当加载时间超过300毫秒时。加载器不应在极短的时间间隔内显示,因为这会导致闪烁,可能会让用户感到不舒服。如果您选择显示加载器,请避免闪烁效果。如果加载时间少于300毫秒,则不要显示任何内容。
- 当无法预测内容类型时。
- 当使用加载器进行异步加载时,应该在加载发生的确切位置显示。单个元素的加载不应阻塞界面的其余部分。
🚫 何时不使用
- 如果加载时间超过10秒且已知确切持续时间,应显示进度条。
- 如果可以预测内容类型,请考虑使用骨架屏。
- 当通过按钮点击启动加载时,使用按钮状态作为反馈就足够了,特别是在模态窗口中。
§尺寸
- S — 基本尺寸。用于输入字段、弹出窗口、表格单元格和其他空间有限的区域。
- M — 中等尺寸,用于卡片和表格
- L — 大尺寸,用于整个页面和大型模态窗口(对话框)
§应用示例
-
当内容尚未显示时。
-
如果内容正在更新或修改,则在内容上方显示。以下是如何在内容上方使用加载器:
内容透明度30%
-
如果有空间,请尽量避免将加载器叠加在内容上。
-
如果提示提供有用信息,例如对正在进行的过程的解释,则可以包含它。由于加载器已经向用户显示加载正在进行中,因此不需要额外的说明。