收集几款步骤条,基于element-ui

1.简单的步骤条。

active往里传值即可显示步骤、当前步骤:0

1
步骤 1
2
步骤 2
3
步骤 3

2.含状态步骤条。

active往里传值即可显示步骤、当前步骤:2

已完成
进行中
3
步骤 3

3.有描述的步骤条。

active往里传值即可显示步骤、当前步骤:3

1
步骤 1
这是一段很长很长很长的描述性文字
2
步骤 2
这是一段很长很长很长的描述性文字
3
步骤 3
这段就没那么长了

4.居中的步骤条。

active往里传值即可显示步骤、当前步骤:4

1
步骤1
这是一段很长很长很长的描述性文字
2
步骤2
这是一段很长很长很长的描述性文字
3
步骤3
这是一段很长很长很长的描述性文字
4
步骤4
这是一段很长很长很长的描述性文字

5.带图标的步骤条。

active往里传值即可显示步骤、当前步骤:1

步骤 1
步骤 2
步骤 3

6.竖式步骤条。

active往里传值即可显示步骤、当前步骤:2

1
步骤 1
2
步骤 2
3
步骤 3
这是一段很长很长很长的描述性文字

7.简洁风格的步骤条。

active往里传值即可显示步骤、当前步骤:3

步骤 1
步骤 2
步骤 3
步骤 1
步骤 2
步骤 3