mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-06 03:59:53 +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 | 更换节点的默认图标 |