步骤条 - EleSteps

5.13.1.快速使用
步骤条组件是对 ElSteps 的扩展，并对原来的样式进行了美化，使用示例：

运行代码 新窗口打开
5.13.2.属性列表
支持 ElSteps 的全部属性(请查看 Element 文档)，这里只列出额外增加的属性：
水平方向的进度条可设置属性 type="inline" 为紧凑版的风格。
items 同样支持 ElStep 组件的全部属性，还可增加 key 优化渲染：

运行代码 新窗口打开
5.13.3.插槽列表
插槽就是 ElStep 的全部插槽，并增加了 item(每一项数据) 和 index(每一项索引) 参数，使用示例：

运行代码 新窗口打开
5.13.4.时间线
时间线组件 EleTimeline 会自动 S 形换行(v1.3.0新增)，使用示例：

运行代码 新窗口打开
属性列表：
事件列表：
插槽列表：
属性 data 的数据格式：
可以通过 icon 属性设置每项的图标，也可以使用 itemIcon 插槽自定义图标，使用示例：

运行代码 新窗口打开
iconProps 和 iconStyle 的详细说明，在 Element 中使用图标是要包一个 ElIcon 组件的：

所以通过 iconProps 也可以设置图标的样式或 class ， iconStyle 属性是考虑到你可能想直接给 SVG 加样式。 通过插槽 itemDescription 自定义更多内容的示例：

运行代码 新窗口打开