Ant Design Vue教程

ant design vue steps 属性列表

ant design vue steps 步骤条属性列表。

整体步骤条属性

及<a-steps :current="1">标签的属性

属性名称说明类型默认值
current指定当前步骤,从 0 开始记数number0
direction步骤条方向,支持水平(horizontal)和竖直(vertical)两种方向stringhorizontal
labelPlacement标签放置位置,默认放图标右侧,设置vertical放图标下方stringhorizontal
progressDot点状步骤条样式,设置后labelPlacement 将强制为verticalBooleanfalse
size步骤条大小,普通(default)和迷你(small)stringdefault
status当前步骤的状态,可选 wait process finish errorstringprocess
initial起始序号,从 0 开始记数number0

步骤条内的步骤属性

及<a-step title="手机号" description="验证手机号">的属性

属性名称说明类型默认值
description步骤名称string|slot-
icon步骤图标string
status步骤器状态,当不配置该属性时,会使用 Steps 的 current 来自动指定状态。
可选:wait 、process 、 finish 、 error
stringwait
title步骤标题string-


例子

Catalog
快速入门 Dropdown 下拉菜单 Menu 导航菜单 Pagination 分页 Steps 步骤条 Steps 步骤条基本用法 Steps 自定义图标和html Steps 属性列表 AutoComplete 自动填充 Cascader 级联选择 Checkbox 多选框 DatePicker 日期选择框 Input 输入框 InputNumber 数字输入框 Mentions 提及 Radio 单选框 Rate 评分组件 Select 下拉框 Slider 滑动输入条 Switch 开关