Spin 加载
基本使用
template
<c-spin />
<c-spin tip="加载中..." />
颜色
template
<c-spin color="primary" />
<c-spin color="error" />
<c-spin color="success" />
<c-spin color="warning" />
<c-spin color="info" />
<c-spin color="#7546c9" />
大小
template
<c-spin size="s" />
<c-spin size="m" />
<c-spin size="l" />
<c-spin size="100" />
图标
template
<c-spin icon="add-line" />
<c-spin icon="subtract-line" />
<c-spin icon="checkbox-blank-fill" />
API
Spin Props
| 名称 | 类型 | 默认值 | 版本 | 说明 |
|---|---|---|---|---|
| c | string | default | 配置名。使用说明 | |
| props | SpinProps | undefined | 全部 props 。 使用说明 | |
| c-class | HTMLAttributes['class'] | undefined | 自定义类名 | |
| c-style | HTMLAttributes['style'] | undefined | 自定义样式 | |
| color | string | undefined | 颜色。 使用说明 | |
| size | string | number | m | 大小。 使用说明 | |
| icon | string | undefined | 旋转图标 | |
| icon-props | IconProps | undefined | IconProps | |
| tip | string | undefined | 文字 | |
| tip-props | TextProps | undefined | TextProps | |
| direction | CSSProperties['flex-direction'] | row | 图标和文字排列。 MDN Web Docs |