通用原则

• 设定加载的上线时间，超过上限时间需给用户明确反馈加载慢的原因，以缓解用户等待的焦虑和迷失

• 页面模块内使用时，均为非模态的加载方式，加载过程不打扰用户，无需让用户等待加载完才进行其他操作

类型

类型	何时使用
Normal 常规加载	用于整页或页面模块内
Website 整站加载	整站加载

常规加载

• 页面模块内使用时，允许多个加载同时出现

• 入场动效时间保持在200~300ms

Website 整站

• 允许根据品牌自定义加载中的图形

• 入场动效时间保持在300~500ms

行为

• 前置条件：进入新页面、点击刷新按钮或点击某个操作按钮后，会触发加载组件。

• 当加载超过上限时间时，需同时给出反馈，告诉用户加载慢当原因

• 加载成功后则显示加载结果

实践案例

---

样式

布局

• Normal 普通加载一般水平垂直居中于页面或容器中。

• Website 整站加载始终居中于整个页面。