# 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
dot 设置步骤条为点状风格,适用于步骤条较多时 Boolean v2.1.3
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 自定义描述性文字
上次更新: 4/17/2024, 5:12:42 PM