Loading 加载中
加载动画在页面加载时显示,以便在检索数据时向用户提供反馈。
开发说明
图标加载
加载过程中只有图标显示。适用于打开页面或操作完成后模块内等待刷新的加载场景。
有描述的加载
加载过程中有文字和图标共同显示。适用于打开页面或操作完成后页面内等待刷新的加载场景。
不同尺寸的加载
三种尺寸:lg: 32px
、md: 24px
、sm: 16px
。
小尺寸适用于组件内加载场景,中尺寸适用于容器如卡片、表格等区域的加载场景,大尺寸适用于页面全屏加载场景。
页面加载
何时使用
- 当页面局部或全部处于数据处理的等待中,需要让用户清晰感知到当前状态时。
布局
- 页面加载时,位于加载内容区域的正中间。
- 局部文本或图片元素加载时,位于元素内容区域的正中间。