From aae11df261300f12c85890c4672886e0ecc8ce4e Mon Sep 17 00:00:00 2001
From: wf <2547096351@qq.com>
Date: Mon, 22 Apr 2024 13:00:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=9D=A2=E5=8C=85=E5=B1=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Header/components/Breadcrumb/index.vue    | 27 +++++++++++++++++++
 src/layout/components/Header/index.vue        | 18 ++-----------
 2 files changed, 29 insertions(+), 16 deletions(-)
 create mode 100644 src/layout/components/Header/components/Breadcrumb/index.vue

diff --git a/src/layout/components/Header/components/Breadcrumb/index.vue b/src/layout/components/Header/components/Breadcrumb/index.vue
new file mode 100644
index 0000000..bfdefe4
--- /dev/null
+++ b/src/layout/components/Header/components/Breadcrumb/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <a-space direction="vertical">
+      <a-breadcrumb>
+        <a-breadcrumb-item>
+          <icon-home />
+          首页
+        </a-breadcrumb-item>
+        <a-breadcrumb-item>
+          <icon-at />
+          常用组件
+        </a-breadcrumb-item>
+        <a-breadcrumb-item>
+          <icon-at />
+          文件上传
+        </a-breadcrumb-item>
+      </a-breadcrumb>
+    </a-space>
+  </div>
+</template>
+
+<script setup lang="ts">
+const route = useRoute();
+console.log("路由信息", route.matched);
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/layout/components/Header/index.vue b/src/layout/components/Header/index.vue
index 9e52412..80cea68 100644
--- a/src/layout/components/Header/index.vue
+++ b/src/layout/components/Header/index.vue
@@ -10,22 +10,7 @@
         </a-button>
       </div>
       <div class="breadcrumb">
-        <a-space direction="vertical">
-          <a-breadcrumb>
-            <a-breadcrumb-item>
-              <icon-home />
-              首页
-            </a-breadcrumb-item>
-            <a-breadcrumb-item>
-              <icon-at />
-              常用组件
-            </a-breadcrumb-item>
-            <a-breadcrumb-item>
-              <icon-at />
-              文件上传
-            </a-breadcrumb-item>
-          </a-breadcrumb>
-        </a-space>
+        <Breadcrumb />
       </div>
     </div>
     <div class="header_setting">
@@ -114,6 +99,7 @@
 </template>
 <script setup lang="ts">
 import Notice from "@/layout/components/Header/components/Notice/index.vue";
+import Breadcrumb from "@/layout/components/Header/components/Breadcrumb/index.vue";
 import myImage from "@/assets/img/my-image.jpg";
 import pinia from "@/store/index";
 import { Modal } from "@arco-design/web-vue";