Skip to content

Step 步骤条

Step 组件用展现多步骤操作界面。

基本用法

基本竖向步骤条

横向平分步骤条

竖向平分步骤条

切换上一步或下一步

类型

typescript
type StepDirectionType = 'horizontal' | 'vertical'
type StepStatus = 'active' | 'finish' | ''

属性

属性名类型默认值说明
directionstring as StepDirectionType'horizontal'步骤条方向
fillbooleanfalse是否平铺
heightnumber0竖向步骤条,fill 时需要传递的高度
clickablebooleantrue是否支持点击
activeIndexnumber0当前 active 步骤的索引
steps [{disable: boolean;status: StepStatus;class: string;icon: string; title: string;}]--步骤条的具体参数

事件

事件名类型说明
clickEventEmitter<any>点击步骤条事件