Steps 步骤条

引导用户按照流程完成任务的分步导航条， 可根据实际应用场景设定步骤。

基础用法

单独使用可以表示 active 代表当前步骤，title 代表步骤的标题，description 代表步骤的描述。

1

步骤1

这是一段描述

2

步骤2

这是一段描述

3

步骤3

这是一段描述

4

步骤3

这是一段描述

5

步骤3

这是一段描述

• 复制代码
• 显示代码

位置

设置 direction 属性改变 steps 的位置。

1

步骤1

这是一段描述

2

步骤2

这是一段描述

3

步骤3

这是一段描述

4

步骤3

这是一段描述

5

步骤3

这是一段描述

1

步骤1

这是一段描述

2

步骤2

这是一段描述

3

步骤3

这是一段描述

4

步骤3

这是一段描述

5

步骤3

这是一段描述

• 复制代码
• 显示代码

状态

设置 finishStatus 属性改变 steps 的状态。

1

步骤1

这是一段描述

2

步骤2

这是一段描述

3

步骤3

这是一段描述

4

步骤3

这是一段描述

5

步骤3

这是一段描述

1

步骤1

这是一段描述

2

步骤2

这是一段描述

3

步骤3

这是一段描述

4

步骤3

这是一段描述

5

步骤3

这是一段描述

1

步骤1

这是一段描述

2

步骤2

这是一段描述

3

步骤3

这是一段描述

4

步骤3

这是一段描述

5

步骤3

这是一段描述

1

步骤1

这是一段描述

2

步骤2

这是一段描述

3

步骤3

这是一段描述

4

步骤3

这是一段描述

5

步骤3

这是一段描述

• 复制代码
• 显示代码

自定义展示内容

在默认插槽中自定义展示内容。

步骤1

这是一段描述

步骤2

这是一段描述

步骤3

这是一段描述

步骤3

这是一段描述

步骤3

这是一段描述

• 复制代码
• 显示代码