跳到主要内容

Loading 加载

当数据可能需要很长时间才能完全加载出来时使用这个模式。


骨架屏加载

骨架屏加载是在初始页面加载时使用,用于指示页面上的信息尚未完全加载。

提示
  • 骨架屏加载适用于那些页面结构固定的场景。
  • 应该只出现几秒钟,一旦组件和内容加载完成时就会消失。
  • 形状应该非常简单,不需要反映 UI 中的每个元素,但应该给出即将出现的大致布局。

不确定加载

可以通过 Loading 组件显示不确定的加载。

何时使用

  • 当加载时间未知或用户不需要知道预期的加载时间时,应该使用这种类型的加载器。
  • 它通常在初始页面加载或在表单上提交数据后显示。

确定加载

确定的加载可以通过 Progress 组件显示,并有助于告知用户正在进行的进程的状态。

何时使用

  • 当可以检测到流程完成进度或者用户知道预期的加载时间很重要时,应该使用这种类型的加载器。

内联加载

某些组件上提供了加载状态,以提供一种显示内联加载的简单方法。

何时使用

  • 当需要反映按钮、输入框等表单元素的数据交互状态时。

下拉刷新

移动设备上在当前页面下拉,出现加载动画,给予交互反馈,释放后页面内容重新加载。

何时使用

  • 当需要对当前页面进行重新刷新和加载数据时。

详情跳转查看