Vue3步骤条（Steps）

可自定义设置以下属性：

步骤数组（steps），类型：Array<{title?: string, description?: string}>，默认 []

步骤条总宽度（width），类型：number | string，单位 px，默认 'auto'

步骤条大小（size），类型：'default' | 'small'，默认 'default'

是否使用垂直步骤条（vertical），当 vertical: true 时，labelPlacement 自动设为 right，类型：boolean，默认 false

标签放置位置（labelPlacement），默认放图标右侧，可选 bottom 放图标下方，类型：'right' | 'bottom'，默认 'right'

是否使用点状步骤条（dotted），当 dotted: true 且 vertical: false 时，labelPlacement 将自动设为 bottom，类型：boolean，默认 false

当前选中的步骤，设置 v-model 后，Steps 变为可点击状态（v-model:current），类型：number，默认 1，从 1 开始计数

效果如下图：在线预览

①创建步骤条组件Steps.vue：

②在要使用的页面引入：