layui/example/docs/zh-CN/components/breadcrumb.md

108 lines
1.6 KiB
Markdown
Raw Normal View History

::: anchor
:::
2021-10-26 01:13:23 +08:00
::: title 基础使用
2021-10-26 01:14:17 +08:00
:::
::: demo
<template>
<lay-breadcrumb>
<lay-breadcrumb-item title="工作空间"></lay-breadcrumb-item>
<lay-breadcrumb-item title="控制台"></lay-breadcrumb-item>
<lay-breadcrumb-item title="访问量"></lay-breadcrumb-item>
</lay-breadcrumb>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
2021-10-26 01:13:23 +08:00
::: title 指定分割
2021-10-26 01:14:17 +08:00
:::
::: demo
<template>
<lay-breadcrumb separator=">">
<lay-breadcrumb-item title="热门音乐"></lay-breadcrumb-item>
<lay-breadcrumb-item title="王杰"></lay-breadcrumb-item>
<lay-breadcrumb-item title="谁明浪子心"></lay-breadcrumb-item>
</lay-breadcrumb>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
::: title 使用插槽
:::
::: demo
<template>
<lay-breadcrumb separator="--">
<lay-breadcrumb-item>今天</lay-breadcrumb-item>
<lay-breadcrumb-item>有些</lay-breadcrumb-item>
<lay-breadcrumb-item>不开心</lay-breadcrumb-item>
</lay-breadcrumb>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::
2022-01-10 01:17:03 +08:00
::: title Breadcrumb 属性
2021-10-13 10:19:38 +08:00
:::
2021-10-12 18:00:09 +08:00
2021-11-07 15:55:08 +08:00
::: table
| 属性 | 描述 | 默认值 |
| --------- | ------ | ------ |
| separator | 分割符 | `/` |
2021-11-07 15:55:08 +08:00
:::
2022-01-10 01:17:03 +08:00
::: title Breadcrumb 插槽
:::
2021-11-07 15:55:08 +08:00
::: table
| 插槽 | 描述 | 默认值 |
| ------- | -------- | ------ |
| default | 默认插槽 | `--` |
2021-11-07 15:55:08 +08:00
2021-11-07 15:56:24 +08:00
:::
2021-12-16 17:57:59 +08:00
::: comment
:::