common-ui/docs/components/bread/base.md

CommonBread 面包屑

基础用法

:::demo

<template>
  <div class="__common-layer-bread">
    <common-bread title=""></common-bread>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const breads = ref([{ name: '表格示例', to: '/table' }, { name: '栅格示例' }])
</script>

<style>

.__common-layer-bread {
  height: 50px;
  padding-left: 26px;
  display: flex;
  align-items: center;
}
</style>

:::

配置参数

参数	说明	类型	是否必须
breads	面包屑循环值，一般可以再router路由中的meta中进行配置；	Array[]	true