mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-11-09 16:02:17 +08:00
6.0 KiB
6.0 KiB
| pageClass |
|---|
| comp-page-class |
Step 步骤条
概述
拆分某项流程的步骤,引导用户按流程完成任务。
代码示例
基本用法,组件会根据current自动判断各步骤状态。。
设置属性direction为vertical在垂直方向展示。
下一步通过slot配置Step的节点标志
设置属性size为small启用迷你版。
下一步点击下一步改变current的值。
API
Steps Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| current | 表示当前步骤,从1开始 | Number | 1 |
| size | 步骤条的尺寸,可选值为small或者不写 |
String | null |
| direction | 步骤条的方向,可选值为horizontal(水平)或vertical(垂直) |
String | horizontal |
Step Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 标题 | String | null |
| content | 步骤的描述内容,可选 | String | null |
Step Solts
| 属性 | 说明 |
|---|---|
| default | 更换节点的默认图标 |