ant-design-vue/components/steps/demo/icon.md

29 lines
691 B
Markdown

<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>
<a-step status="finish" title="Login"}>
<a-icon type="user" slot="icon"/>
</a-step>
<a-step status="finish" title="Verification"}>
<a-icon type="solution" slot="icon"/>
</a-step>
<a-step status="process" title="Pay"}>
<a-icon type="loading" slot="icon"/>
</a-step>
<a-step status="wait" title="Done"}>
<a-icon type="smile-o" slot="icon"/>
</a-step>
</a-steps>
</template>
```