面包屑

基本面包屑

页面1/

页面2/

页面3/

<template>
    <t-breadcrumb>
        <template v-slot:default>
          <t-breadcrumbItem>页面1</t-breadcrumbItem>
          <t-breadcrumbItem>页面2</t-breadcrumbItem>
          <t-breadcrumbItem>页面3</t-breadcrumbItem>
        </template>
        <template v-slot:separator>/</template>
    </t-breadcrumb>
</template>
<script>

export default {
};
</script>

显示代码 复制代码 复制代码

带图标的面包屑

页面1

页面2

页面3

<template>
  <t-breadcrumb>
    <t-breadcrumbItem><i class="care-icon-home"></i>页面1</t-breadcrumbItem>
    <t-breadcrumbItem><i class="care-icon-home"></i>页面2</t-breadcrumbItem>
    <t-breadcrumbItem><i class="care-icon-home"></i>页面3</t-breadcrumbItem>
  </t-breadcrumb>
</template>
<script>

export default {
};
</script>

显示代码 复制代码 复制代码