mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 21:19:37 +08:00
Code Issues Actions 50 Packages Projects Releases Wiki Activity
2c20dcd4cc
ant-design/components/spin/index.zh-CN.md
黑雨 cef58664e8
📝doc: add design token table (#41717) 
* ✨feat: add token

* 📝doc: update lint

* 📝doc: update doc
2023-04-11 10:25:24 +08:00

1.9 KiB
Raw Blame History

category group title subtitle 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 -

静态方法

  • Spin.setDefaultIndicator(indicator: ReactNode)

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

Design Token