From 081a776ae3cf95ec497f4d38370cb5c35da13f81 Mon Sep 17 00:00:00 2001
From: yyyzq <superyexiyu@163.com>
Date: Fri, 9 Jul 2021 09:16:27 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BreadCrumb/index.vue | 78 +++++++++++++++++++++++++++--
 1 file changed, 74 insertions(+), 4 deletions(-)

diff --git a/src/components/BreadCrumb/index.vue b/src/components/BreadCrumb/index.vue
index d800bb0..0f6033c 100644
--- a/src/components/BreadCrumb/index.vue
+++ b/src/components/BreadCrumb/index.vue
@@ -1,23 +1,93 @@
 <template>
-  <div class="app-breadcrumb">breadcrumb</div>
+  <div class="app-breadcrumb">
+    <a-breadcrumb :routes="routes">
+      <template #itemRender="{ route, routes, paths }">
+        <span v-if="routes.indexOf(route) === routes.length - 1">
+          <svg
+            class=""
+            data-icon="home"
+            width="1em"
+            height="1em"
+            fill="currentColor"
+            aria-hidden="true"
+            viewBox="64 64 896 896"
+            focusable="false"
+          >
+            <path
+              d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 00-44.4 0L77.5 505a63.9 63.9 0 00-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0018.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"
+            />
+          </svg>
+          {{ route.breadcrumbName }}
+        </span>
+        <router-link v-else :to="`${paths.join('/')}`">
+          <svg
+            class=""
+            data-icon="home"
+            width="1em"
+            height="1em"
+            fill="currentColor"
+            aria-hidden="true"
+            viewBox="64 64 896 896"
+            focusable="false"
+          >
+            <path
+              d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 00-44.4 0L77.5 505a63.9 63.9 0 00-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0018.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"
+            />
+          </svg>
+          {{ route.breadcrumbName }}
+        </router-link>
+      </template>
+    </a-breadcrumb>
+  </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent, ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
 // import { useStore } from 'vuex'
 // import { Breadcrumb } from '/@/store/modules/app'
+interface Route {
+  path: string
+  breadcrumbName: string
+  children?: Array<{
+    path: string
+    breadcrumbName: string
+  }>
+}
 
 export default defineComponent({
   name: 'BreadCrumb',
 
   setup() {
     // const store = useStore()
+    const route = useRoute()
+    const routes = ref<Route[]>([])
+    const getbreadcrumbList = () => {
+      const matched = route.matched.filter(
+        (item) => item.meta && item.meta.title && item.meta.title !== 'dashboard',
+      )
+      console.log(matched)
+      routes.value = []
+      matched.forEach((item) => {
+        routes.value.push({
+          path: item.path,
+          breadcrumbName: String(item.meta.title),
+        })
+      })
+    }
+    getbreadcrumbList()
+    watch(
+      () => route.path,
+      () => {
+        getbreadcrumbList()
+      },
+    )
 
     // const breadcrumbList = computed<Breadcrumb[]>(() => store.state.app.breadcrumbList)
-    const breadcrumbList = []
 
     return {
-      breadcrumbList,
+      basePath: '/',
+      routes,
     }
   },
 
-- 
Gitee


From a362fa9f03d00f8be2961e2438e200f089b7ee59 Mon Sep 17 00:00:00 2001
From: yyyzq <superyexiyu@163.com>
Date: Mon, 12 Jul 2021 12:04:27 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD(=E6=8C=89=E8=B7=AF=E7=94=B1=E6=98=BE=E7=A4=BA)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BreadCrumb/index.vue | 31 +++--------------------------
 1 file changed, 3 insertions(+), 28 deletions(-)

diff --git a/src/components/BreadCrumb/index.vue b/src/components/BreadCrumb/index.vue
index d3b4905..576bdbb 100644
--- a/src/components/BreadCrumb/index.vue
+++ b/src/components/BreadCrumb/index.vue
@@ -3,37 +3,11 @@
     <a-breadcrumb :routes="routes">
       <template #itemRender="{ route, routes, paths }">
         <span v-if="routes.indexOf(route) === routes.length - 1">
-          <svg
-            class=""
-            data-icon="home"
-            width="1em"
-            height="1em"
-            fill="currentColor"
-            aria-hidden="true"
-            viewBox="64 64 896 896"
-            focusable="false"
-          >
-            <path
-              d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 00-44.4 0L77.5 505a63.9 63.9 0 00-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0018.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"
-            />
-          </svg>
+          <home />
           {{ route.breadcrumbName }}
         </span>
         <router-link v-else :to="`${paths.join('/')}`">
-          <svg
-            class=""
-            data-icon="home"
-            width="1em"
-            height="1em"
-            fill="currentColor"
-            aria-hidden="true"
-            viewBox="64 64 896 896"
-            focusable="false"
-          >
-            <path
-              d="M946.5 505L560.1 118.8l-25.9-25.9a31.5 31.5 0 00-44.4 0L77.5 505a63.9 63.9 0 00-18.8 46c.4 35.2 29.7 63.3 64.9 63.3h42.5V940h691.8V614.3h43.4c17.1 0 33.2-6.7 45.3-18.8a63.6 63.6 0 0018.7-45.3c0-17-6.7-33.1-18.8-45.2zM568 868H456V664h112v204zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7 23.1 23.1L882 542.3h-96.1z"
-            />
-          </svg>
+          <home />
           {{ route.breadcrumbName }}
         </router-link>
       </template>
@@ -44,6 +18,7 @@
 <script lang="ts">
 import { defineComponent, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
+import { Home } from '@icon-park/vue-next'
 // import { useStore } from 'vuex'
 // import { Breadcrumb } from '/@/store/modules/app'
 interface Route {
-- 
Gitee