mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-30 20:38:45 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity
f0ba86a534
ant-design/components/spin/index.zh-CN.md
二货爱吃白萝卜 20561d6f9d
docs: Fix component doc alignment & support import usage (#48004) 
* docs: init ref

* docs all support

* docs: fix link show
2024-03-22 14:22:42 +08:00

1.8 KiB
Raw Blame History

category group title subtitle description cover coverDark demo
Components 反馈 Spin 加载中 用于页面和区块的加载中状态。 https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*5mC5TomY4B0AAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*i43_ToFrL8YAAAAAAAAAAAAADrJ8AQ/original
cols
2

何时使用

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

代码演示

基本用法 各种大小 容器 卡片加载中 自定义描述文案 延迟 自定义指示符 全屏

API

通用属性参考：通用属性

参数 说明 类型 默认值 版本
delay 延迟显示加载效果的时间（防止闪烁） number (毫秒) -
indicator 加载指示符 ReactNode -
size 组件大小，可选值为 small default large string default
spinning 是否为加载中状态 boolean true
tip 当作为包裹元素时，可以自定义描述文案 ReactNode -
wrapperClassName 包装器的类属性 string -
fullscreen 显示带有 Spin 组件的背景 boolean false 5.11.0

静态方法

  • Spin.setDefaultIndicator(indicator: ReactNode)

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

主题变量（Design Token）