50 lines
853 B
Vue
50 lines
853 B
Vue
|
<template>
|
||
|
<article>
|
||
|
<veui-breadcrumb :routes="routes">
|
||
|
<template #separator>
|
||
|
-
|
||
|
</template>
|
||
|
</veui-breadcrumb>
|
||
|
<veui-breadcrumb :routes="routes">
|
||
|
<template #separator>
|
||
|
<veui-icon name="arrow-right"/>
|
||
|
</template>
|
||
|
</veui-breadcrumb>
|
||
|
</article>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import { Breadcrumb, Icon } from 'veui'
|
||
|
import 'veui-theme-dls-icons/arrow-right'
|
||
|
|
||
|
export default {
|
||
|
components: {
|
||
|
'veui-breadcrumb': Breadcrumb,
|
||
|
'veui-icon': Icon
|
||
|
},
|
||
|
data () {
|
||
|
return {
|
||
|
routes: [
|
||
|
{
|
||
|
to: './breadcrumb',
|
||
|
label: 'Home'
|
||
|
},
|
||
|
{
|
||
|
to: './breadcrumb',
|
||
|
label: 'Components'
|
||
|
},
|
||
|
{
|
||
|
label: 'Breadcrumb'
|
||
|
}
|
||
|
]
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style lang="less" scoped docs>
|
||
|
.veui-breadcrumb:first-child {
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
</style>
|