Steps 步骤条

代码演示

API

Steps Attributes

参数 说明 类型 可选值 默认值 Version
space 每个 step 的间距,不填写将自适应间距。支持百分比。 Number | String
direction 显示方向 String 'vertical' | 'horizontal' 'horizontal'
active 设置当前激活步骤 Number 0
process-status 设置当前步骤的状态 String 'wait' | 'process' | 'finish' | 'error' | 'success' 'process'
finish-status 设置结束步骤的状态 String 'wait' | 'process' | 'finish' | 'error' | 'success' 'finish'
simple 设置步骤条为简洁风格 Boolean v2.0.0
align-center 进行居中对齐 (在v2.0.0被废弃)
lead 状态引导 (在v2.0.0被废弃)

Step Attributes

参数 说明 类型 可选值 默认值 Version
title 标题 String
description 描述性文字 String
icon 图标 (传入 icon 的 class 全名来自定义 icon,也支持 slot 方式写入) String
status 设置当前步骤的状态,不设置则根据 steps 确定状态 String 'wait' | 'process' | 'finish' | 'error' | 'success' 'finish'

Step Slot

name 说明 Version
title 自定义标题
icon 自定义图标
description 自定义描述性文字

贡献者

类型 参与者
设计者 UED视觉组
维护者 UED前端组
上次更新: 7/28/2021, 9:46:32 AM