ant-design-vue/components/breadcrumb/demo/separator.md

31 lines
970 B
Markdown
Raw Normal View History

2018-03-09 05:26:34 +00:00
<cn>
#### 分隔符
2018-03-10 05:34:26 +00:00
使用` separator=">" `可以自定义分隔符或者使用slot="separator"自定义更复杂的分隔符
2018-03-09 05:26:34 +00:00
</cn>
<us>
#### Configuring the Separator
2018-03-10 05:34:26 +00:00
The separator can be customized by setting the separator preperty: separator=">" or use
slot="separator"
2018-03-09 05:26:34 +00:00
</us>
```html
<template>
2018-03-10 05:34:26 +00:00
<div>
<a-breadcrumb separator=">">
<a-breadcrumb-item>Home</a-breadcrumb-item>
<a-breadcrumb-item href="">Application Center</a-breadcrumb-item>
<a-breadcrumb-item href="">Application List</a-breadcrumb-item>
<a-breadcrumb-item>An Application</a-breadcrumb-item>
</a-breadcrumb>
<a-breadcrumb>
<span slot="separator" style="color: red">></span>
<a-breadcrumb-item>Home</a-breadcrumb-item>
<a-breadcrumb-item href="">Application Center</a-breadcrumb-item>
<a-breadcrumb-item href="">Application List</a-breadcrumb-item>
<a-breadcrumb-item>An Application</a-breadcrumb-item>
</a-breadcrumb>
</div>
2018-03-09 05:26:34 +00:00
</template>
```