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