该组件用于引导用户按照流程完成任务的分步导航条,可根据实际应用场景设定步骤。
import "../../components/lanyun-steps/lanyun-steps.stml";
<lanyun-steps :list="list" :current="current" active-color="#34d399" inactive-color="#9ca3af" direction="row" icon="../../components/lanyun-steps/asset/gouxuan.png" />
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
list | 步骤条数据,必填,具体格式见demo | array | - |
current | 设置当前的步数,选填,list的下标索引值 | number | 0 |
active-color | 打开时的背景色,选填 | string | #06f |
inactive-color | 关闭时的背景色,选填 | string | #fff |
direction | 步骤条朝向,选填, 可选值 row - 横向 column - 竖向 | string | row |
icon | 自定义图标, 选填 | string | ../../components/lanyun-steps/asset/gouxuan.png |