代码演示
如何引入
基本用法
尺寸
组件定义了三种尺寸：大、中（默认）、小。
带文字的
通过
tip 属性可设置当 Spin 用作包裹元素时的文字。自定义指示符
可以通过设置
indicator 属性自定义 Spin 的指示符样式。延迟显示
通过 delay 设置延迟显示
组件是否处于
loading 的效果组件是否处于
loading 状态由传入的 spinning 值决定，loading 为受控属性API 参考
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| childStyle | 内部子元素的样式 v>=1.0.0 | CSSProperties | - |
| delay | 延迟显示加载效果的时间 | number(ms) | 0 |
| indicator | 加载指示符 | ReactNode | 无 |
| size | 组件大小，可选值为 small, middle, large | string | middle |
| spinning | 是否处于加载中的状态 | boolean | true |
| style | 内联样式 | CSSProperties | - |
| tip | 当 spin 作为包裹元素时，可以自定义描述文字 | ReactNode | 无 |
| wrapperClassName | 包裹元素的类名 | string | 无 |
设计变量
FAQ
- 怎么修改 icon 的颜色？可以通过给 .semi-spin-wrapper 类添加 color 属性覆盖原有的颜色。
