代码演示
如何引入
基本用法
尺寸
组件定义了三种尺寸:大、中(默认)、小。
带文字的
通过
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 属性覆盖原有的颜色。