docs_vue2/one/docs/demo/breadcrumb/separator.vue

50 lines
853 B
Vue
Raw Normal View History

2020-08-13 11:47:56 +08:00
<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>