装载机

一种指示器,显示任务的进度,如加载、卸载、处理等,直到界面准备好供用户交互。该指示器不显示可测量的进度;相反,它表明过程尚未完成,仍在进行中。

应用

何时使用

  1. 当加载时间超过300毫秒时。加载器不应在极短的时间间隔内显示,因为这会导致闪烁,可能会让用户感到不舒服。如果您选择显示加载器,请避免闪烁效果。如果加载时间少于300毫秒,则不要显示任何内容。
  2. 当无法预测内容类型时。
  3. 当使用加载器进行异步加载时,应该在加载发生的确切位置显示。单个元素的加载不应阻塞界面的其余部分。

🚫 何时不使用

  1. 如果加载时间超过10秒且已知确切持续时间,应显示进度条。
  2. 如果可以预测内容类型,请考虑使用骨架屏。
  3. 当通过按钮点击启动加载时,使用按钮状态作为反馈就足够了,特别是在模态窗口中。

尺寸

尺寸

  1. S — 基本尺寸。用于输入字段、弹出窗口、表格单元格和其他空间有限的区域。
  2. M — 中等尺寸,用于卡片和表格
  3. L — 大尺寸,用于整个页面和大型模态窗口(对话框)

应用示例

  1. 当内容尚未显示时。

    示例

  2. 如果内容正在更新或修改,则在内容上方显示。以下是如何在内容上方使用加载器:

    内容透明度30%

    内容透明度30%

  3. 如果有空间,请尽量避免将加载器叠加在内容上。

    示例

  4. 如果提示提供有用信息,例如对正在进行的过程的解释,则可以包含它。由于加载器已经向用户显示加载正在进行中,因此不需要额外的说明。

    示例

以前清单和清单项目
下一步分页器