Loading 加载
当数据可能需要很长时间才能完全加载出来时使用这个模式。
骨架屏加载
骨架屏加载是在初始页面加载时使用,用于指示页面上的信息尚未完全加载。
提示
- 骨架屏加载适用于那些页面结构固定的场景。
- 应该只出现几秒钟,一旦组件和内容加载完成时就会消失。
- 形状应该非常简单,不需要反映 UI 中的每个元素,但应该给出即将出现的大致布局。
不确定加载
可以通过 Loading
组件显示不确定的加载。
何时使用
- 当加载时间未知或用户不需要知道预期的加载时间时,应该使用这种类型的加载器。
- 它通常在初始页面加载或在表单上提交数据后显示。
确定加载
确定的加载可以通过 Progress
组件显示,并有助于告知用户正在进行的进程的状态。
何时使用
- 当可以检测到流程完成进度或者用户知道预期的加载时间很重要时,应该使用这种类型的加载器。
内联加载
某些组件上提供了加载状态,以提供一种显示内联加载的简单方法。
何时使用
- 当需要反映按钮、输入框等表单元素的数据交互状态时。
下拉刷新
移动设备上在当前页面下拉,出现加载动画,给予交互反馈,释放后页面内容重新加载。
何时使用
- 当需要对当前页面进行重新刷新和加载数据时。