uni-app步骤条steps源码解析（十八）

【背景】在显示中许多任务都不是一步执行完成的，需要分好多步进行；例如：网上购买一个商品需要先在网上下单-->当地物流人员取件-->中间物流转送--->目的地物流接收--->配送到买家手中；因此监控每个步骤的状态显的尤为重要。本期将为大家介绍步骤条控件steps。

先看效果图：

   

 先看页面代码：

<template>
    <view>
        <uni-section title="基本用法" type="line" padding>
            <uni-steps :options="list1" :active="active" />
        </uni-section>
        <uni-section title="自定义图标" type="line" padding>
            <uni-steps :options="list1" active-icon="checkbox" :active="active"  direction="row"/>
        &l