51 lines
1.2 KiB
Vue
51 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
基本用法
|
|
<Breadcrumb>
|
|
<BreadcrumbItem>Home</BreadcrumbItem>
|
|
<BreadcrumbItem><a href="">Application Center</a></BreadcrumbItem>
|
|
<BreadcrumbItem><a href="">Application List</a></BreadcrumbItem>
|
|
<BreadcrumbItem>An Application</BreadcrumbItem>
|
|
</Breadcrumb>
|
|
<br>
|
|
带有图标
|
|
<Breadcrumb>
|
|
<BreadcrumbItem href="">
|
|
<Icon type="home" />
|
|
</BreadcrumbItem>
|
|
<BreadcrumbItem href="">
|
|
<Icon type="user" />
|
|
<span>Application List</span>
|
|
</BreadcrumbItem>
|
|
<BreadcrumbItem>
|
|
Application
|
|
</BreadcrumbItem>
|
|
</Breadcrumb>
|
|
<br>
|
|
自定义分隔符
|
|
<Breadcrumb separator=">">
|
|
<BreadcrumbItem>Home</BreadcrumbItem>
|
|
<BreadcrumbItem href="">Application Center</BreadcrumbItem>
|
|
<BreadcrumbItem href="">Application List</BreadcrumbItem>
|
|
<BreadcrumbItem>An Application</BreadcrumbItem>
|
|
</Breadcrumb>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import '../style'
|
|
import { Icon, Breadcrumb } from 'antd/index'
|
|
export default {
|
|
data () {
|
|
return {
|
|
}
|
|
},
|
|
methods: {
|
|
},
|
|
components: {
|
|
Icon,
|
|
Breadcrumb,
|
|
BreadcrumbItem: Breadcrumb.Item,
|
|
},
|
|
}
|
|
</script>
|