From acde2c10047f97cdac416a6391d26037cb2764a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E4=BC=A0=E9=BE=99?= <zclzone@outlook.com>
Date: Thu, 30 Jun 2022 18:29:26 +0800
Subject: [PATCH] feat: Breadcrumb add Icon

---
 src/layout/components/header/components/BreadCrumb.vue | 3 +++
 src/router/routes/modules/example.js                   | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/layout/components/header/components/BreadCrumb.vue b/src/layout/components/header/components/BreadCrumb.vue
index a5e36d2..688ef66 100644
--- a/src/layout/components/header/components/BreadCrumb.vue
+++ b/src/layout/components/header/components/BreadCrumb.vue
@@ -1,12 +1,15 @@
 <template>
   <n-breadcrumb>
     <n-breadcrumb-item v-for="item in route.matched" :key="item.path" @click="handleBreadClick(item.path)">
+      <component :is="renderIcon(item.meta?.icon, { size: 16 })" v-if="item.meta?.icon" />
       {{ item.meta.title }}
     </n-breadcrumb-item>
   </n-breadcrumb>
 </template>
 
 <script setup>
+import { renderIcon } from '@/utils/icon'
+
 const router = useRouter()
 const route = useRoute()
 
diff --git a/src/router/routes/modules/example.js b/src/router/routes/modules/example.js
index 4c9160e..60ce477 100644
--- a/src/router/routes/modules/example.js
+++ b/src/router/routes/modules/example.js
@@ -9,6 +9,7 @@ export default [
     meta: {
       title: '组件示例',
       role: ['admin'],
+      icon: 'mdi:menu',
     },
     children: [
       {