跳到主要内容
loading
用于在页面上显示一个加载状态,表示正在进行一些耗时或异步的操作,比如数据请求、文件上传、页面跳转等。

基本定义

优先使用局部 Loading

相比全局 Loading,局部 LoadiLoading 更加灵活,只针对特定的区域进行加载,可以提升用户在页面内的交互体验,同时不会影响其他操作。

全局 Loading

全局加载样式为透明遮罩和“圈圈”Loading,全局 Loading 通常为阻塞 Loading

阻塞 Loading 是指当页面发生数据加载等操作时,会出现遮罩层并阻塞用户在页面上的操作,直至数据加载完成后遮罩层消失。阻塞 Loading 的优点是在数据加载过程中能够限制用户的操作,避免用户的误操作,同时可以将注意力集中在数据加载过程中,减少用户的焦虑感和不确定性。不足之处是当加载数据的时间过长时,用户体验较差,反而会增加用户的不满和疲劳感。

用法

什么时候用

  • 需要阻塞用户操作时,一般在操作重要或者大量数据时

最佳实践