Skip to content

steps 步骤条 ​

基础用法 ​

只设置时间和描述

Next
html
<ivy-steps>
    <ivy-step header="验证手机号"></ivy-step>
    <ivy-step header="修改密码"></ivy-step>
    <ivy-step header="完成"></ivy-step>
</ivy-steps>

增加描述文字 ​

可以在标题下方增加描述性文字

验证手机号是否正确设置新密码修改完成
html
<ivy-steps current="2">
    <ivy-step header="验证手机号">验证手机号是否正确</ivy-step>
    <ivy-step header="修改密码">设置新密码</ivy-step>
    <ivy-step header="完成">修改完成</ivy-step>
</ivy-steps>

Api ​

Steps Props ​

属性说明类型可选值默认值
current当前位置String-1

Step Props ​

属性说明类型可选值默认值
header标题String--

MIT Licensed