wkv-steps

步骤条，引导用户按照流程完成任务的分步导航条，可根据实际应用场景设定步骤，步骤不得少于 2 步。

用法

html

<wkv-steps :active="1" :steps="['步骤1', '步骤2', '步骤3']"></wkv-steps>

属性名	类型	默认值	说明
steps	`Array`	`[]`	显示的步骤条数据
active	`[Number, String]`	`0`	当前执行的步骤

templatescriptstyle

vue

<template>
	<wkv-steps :active="3" :steps="['步骤1', '步骤2', '步骤3']"></wkv-steps>
</template>

vue

<script setup lang="ts"></script>

scss

<style lang="scss">
.wkv-steps-example {
	padding: 20px;
}
</style>