steps 步骤条
基础用法
只设置时间和描述
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 | - | - |