2020-08-27 17:18:57 +08:00

6.0 KiB
Raw Blame History

pageClass
comp-page-class

Step 步骤条

概述

拆分某项流程的步骤,引导用户按流程完成任务。

代码示例

基本用法组件会根据current自动判断各步骤状态。。

设置属性direction为vertical在垂直方向展示。

下一步

通过slot配置Step的节点标志

设置属性size为small启用迷你版。

下一步

点击下一步改变current的值。

API

Steps Props

属性 说明 类型 默认值
current 表示当前步骤从1开始 Number 1
size 步骤条的尺寸,可选值为small或者不写 String null
direction 步骤条的方向,可选值为horizontal(水平)或vertical(垂直) String horizontal

Step Props

属性 说明 类型 默认值
title 标题 String null
content 步骤的描述内容,可选 String null

Step Solts

属性 说明
default 更换节点的默认图标