| 名称 | 类型 | 默认值 | 必传 | 说明 |
|---|---|---|---|---|
| steps | StepsItem[] |
[] |
Y | step Props 或 finishStep Props 组成的数组。 |
| current | number |
1 |
N | 当前进行的步骤序号。 |
| radius | 'none'\|'sm'\|'xl'\|'full' |
'sm' |
N | 圆角风格。 |
| barBorder | boolean |
true |
N | 图标是否带边框。 |
| vertical | boolean |
false |
N | 是否纵向布局。 |
| 名称 | 类型 | 默认值 | 必传 | 说明 |
|---|---|---|---|---|
| step | StepsStep |
{} |
Y | 步骤参数。 |
| finishStep | StepsFinishStep |
{} |
N | 已完成步骤参数。 |
| height | number |
0 |
N | 步骤高度,用于纵向布局,一般不设置,由组件自动计算。 |
| 名称 | 类型 | 默认值 | 必传 | 说明 |
|---|---|---|---|---|
| title | string |
'' |
Y | 步骤标题。 |
| bar | StepsStepBarIcon \| StepsStepBarImage \| StepsStepBarString |
{} |
N | 步骤区域内容。 |
| desc | string |
'' |
N | 步骤描述内容。 |
| injComponent | Component |
- | N | 向步骤区域注入 Svelte 组件。 |
| 名称 | 类型 | 默认值 | 必传 | 说明 |
|---|---|---|---|---|
| type | 'icon' |
{} |
Y | 步骤区域内容为图标时使用。 |
| content | Icon |
- |
Y | 图标参数。 |
| 名称 | 类型 | 默认值 | 必传 | 说明 |
|---|---|---|---|---|
| type | 'image' |
{} |
Y | 步骤区域内容为图片时使用。 |
| content | string |
- |
Y | 图片路径。 |
| 名称 | 类型 | 默认值 | 必传 | 说明 |
|---|---|---|---|---|
| type | 'string' |
{} |
Y | 步骤区域内容为字符串时使用。 |
| content | string |
- |
Y | 字符串内容。 |