2018-03-10 12:46:57 +00:00
|
|
|
<cn>
|
|
|
|
|
#### 带图标的步骤条
|
|
|
|
|
通过设置 `Steps.Step` 的 `icon` 属性，可以启用自定义图标。
|
|
|
|
|
</cn>
|
|
|
|
|
|
|
|
|
|
<us>
|
|
|
|
|
#### With icon
|
|
|
|
|
You can use your own custom icons by setting the property `icon` for `Steps.Step`.
|
|
|
|
|
</us>
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<template>
|
|
|
|
|
<a-steps>
|
2018-03-11 04:48:04 +00:00
|
|
|
<a-step status="finish" title="Login">
|
2018-03-10 12:46:57 +00:00
|
|
|
<a-icon type="user" slot="icon"/>
|
|
|
|
|
</a-step>
|
2018-03-11 04:48:04 +00:00
|
|
|
<a-step status="finish" title="Verification">
|
2018-03-10 12:46:57 +00:00
|
|
|
<a-icon type="solution" slot="icon"/>
|
|
|
|
|
</a-step>
|
2018-03-11 04:48:04 +00:00
|
|
|
<a-step status="process" title="Pay">
|
2018-03-10 12:46:57 +00:00
|
|
|
<a-icon type="loading" slot="icon"/>
|
|
|
|
|
</a-step>
|
2018-03-11 04:48:04 +00:00
|
|
|
<a-step status="wait" title="Done">
|
2018-03-10 12:46:57 +00:00
|
|
|
<a-icon type="smile-o" slot="icon"/>
|
|
|
|
|
</a-step>
|
|
|
|
|
</a-steps>
|
|
|
|
|
</template>
|
|
|
|
|
```
|
