Steps 步骤条

引入

通过以下方式来全局注册组件，更多注册方式请参考组件注册。

基础用法

  1. <van-steps :active="active">
  2.   <van-step>买家下单</van-step>
  3.   <van-step>商家接单</van-step>
  4.   <van-step>买家提货</van-step>
  5. </van-steps>

可以通过 active-icon 和 active-color 属性设置激活状态下的图标和颜色。

  2.   <van-step>买家下单</van-step>
  3.   <van-step>商家接单</van-step>
  4.   <van-step>买家提货</van-step>
  5.   <van-step>交易完成</van-step>
  6. </van-steps>

竖向步骤条

Steps Props

Steps Events

类型定义

组件导出以下类型定义：

  1. import type { StepsProps, StepsDirection } from 'vant';