ivyDesign

Appearance

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>