跳转到内容

Spin 加载中

何时使用

页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。

代码演示

基本用法

loading

各种大小

loading

卡片加载中

loading

自定义描述文案

loading

自定义指示符

loading

进度

loading

全屏

loading

API

参数说明类型默认值版本
delay延迟显示加载效果的时间(防止闪烁)number (毫秒)-
fullscreen显示带有 Spin 组件的背景booleanfalse5.11.0
indicator加载指示符VNode-
percent展示进度,当设置 percent="auto" 时会预估一个永远不会停止的进度number | 'auto'-5.18.0
size组件大小,可选值为 small default largestringdefault
spinning是否为加载中状态booleantrue
tip当作为包裹元素时,可以自定义描述文案VNode-
wrapperClassName包装器的类属性string-

静态方法

  • Spin.setDefaultIndicator(indicator: VNode)

    你可以自定义全局默认 Spin 的元素。

基于 MIT 许可发布