Steps 步骤条

该组件一般用于完成一个任务要分几个步骤，标识目前处于第几步的场景。

平台差异说明

基本使用

• 通过list参数传入一个数组，标识步骤的总数
• 通过current参数标识目前处于第几步，从0开始

<template>
    <view>
        <u-steps :list="numList" :current="1"></u-steps>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                numList: [{
                    name: '下单'
                }, {
                    name: '出库'
                }, {
                    name: '运输'
                }, {
                    name: '签收'
                }, ],
            }
        }
    }
</script>

设置步骤条的主题

• type值可选的有primary(默认)、success、info、warning、error
• type值和active-color(默认为空)为互斥关系，如果设置了active-color，会优先起作用

<u-steps :list="numList" active-color="#fa3534"></u-steps>

设置步骤条的模式

mode可以设置为dot(圆点，默认值)或者number(数字)，二者有不同形式，见示例

<u-steps :list="numList" mode="number"></u-steps>

API

Props