跳到主要内容

Loading 加载中

加载动画在页面加载时显示,以便在检索数据时向用户提供反馈。


开发说明
  • 对应的 `Spin` 组件,多了一个页面加载的交互,这个看技术实现,优先级靠后。
  • 图标加载

    加载过程中只有图标显示。适用于打开页面或操作完成后模块内等待刷新的加载场景。

    有描述的加载

    加载过程中有文字和图标共同显示。适用于打开页面或操作完成后页面内等待刷新的加载场景。

    不同尺寸的加载

    三种尺寸:lg: 32pxmd: 24pxsm: 16px

    小尺寸适用于组件内加载场景,中尺寸适用于容器如卡片、表格等区域的加载场景,大尺寸适用于页面全屏加载场景。

    页面加载

    何时使用

    • 当页面局部或全部处于数据处理的等待中,需要让用户清晰感知到当前状态时。

    布局

    • 页面加载时,位于加载内容区域的正中间。
    • 局部文本或图片元素加载时,位于元素内容区域的正中间。