lanyun-steps

介绍

该组件用于引导用户按照流程完成任务的分步导航条,可根据实际应用场景设定步骤。

使用方法

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" />

props 属性

参数 说明 类型 默认值
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