steps 步骤条组件源码分享,主要从以下三个方面:
1、steps 组件页面结构。
2、steps 组件属性。
3、steps 组件 slot 挂载。
一、组件页面结构。
二、组件属性。
2.1 space 每个 step 的间距,不填写将自适应间距。支持百分比。类型为 number / string,无默认值。
2.2 direction 显示方向,类型为 string,可选值 vertical/horizontal,默认值 horizontal。
2.3 active 设置当前激活步骤,类型为 number,默认值 0。
2.4 process-status 设置当前步骤的状态,类型为 string,可选值 wait / process / finish / error / success,默认值 process。
2.5 finish-status 设置结束步骤的状态,类型为 string,可选值 wait / process / finish / error / success,默认值 finish。
2.6 align-center 进行居中对齐,类型为 boolean,默认值 false。
2.7 simple 是否应用简洁风格,类型为 boolean,默认值 false。
2.8 title 标题,类型为 string,无默认值。
2.9 description 描述性文字,类型为 string,无默认值。
2.10 icon 图标,类型为传入 icon 的 class 全名来自定义 icon,也支持 slot 方式写入,可选值 string,无默认值。
2.11 status 设置当前步骤的状态,不设置则根据 steps 确定状态,类型为 wait / process / finish / error / success,无默认值。
三、组件 slot 挂载。
3.1 icon 挂载,自定义图标。
3.2 title 挂载,自定义标题。
3.2 description 挂载,自定义描述性文字。