From 4c077711a191dd64738bd54c54e4e4aa36ff37e9 Mon Sep 17 00:00:00 2001
From: owen <owen@evolsun.com>
Date: Mon, 2 Oct 2023 11:03:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E9=BD=90=E9=9D=A2=E5=8C=85=E5=B1=91?=
 =?UTF-8?q?=E7=9A=84=E5=9B=BE=E6=A0=87=E5=92=8C=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Icon/src/Icon.vue                    | 1 +
 src/layout/components/Breadcrumb/src/Breadcrumb.vue | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Icon/src/Icon.vue b/src/components/Icon/src/Icon.vue
index 00dfa5d7..4246539f 100644
--- a/src/components/Icon/src/Icon.vue
+++ b/src/components/Icon/src/Icon.vue
@@ -32,6 +32,7 @@ const getIconifyStyle = computed(() => {
   const { color, size } = props
   return {
     fontSize: `${size}px`,
+    height: '1em',
     color
   }
 })
diff --git a/src/layout/components/Breadcrumb/src/Breadcrumb.vue b/src/layout/components/Breadcrumb/src/Breadcrumb.vue
index de036654..1852a59b 100644
--- a/src/layout/components/Breadcrumb/src/Breadcrumb.vue
+++ b/src/layout/components/Breadcrumb/src/Breadcrumb.vue
@@ -52,10 +52,10 @@ export default defineComponent({
         return (
           <ElBreadcrumbItem to={{ path: disabled ? '' : v.path }} key={v.name}>
             {meta?.icon && breadcrumbIcon.value ? (
-              <>
+              <div class="flex items-center">
                 <Icon icon={meta.icon} class="mr-[2px]" svgClass="inline-block"></Icon>
                 {t(v?.meta?.title)}
-              </>
+              </div>
             ) : (
               t(v?.meta?.title)
             )}
@@ -114,9 +114,10 @@ $prefix-cls: #{$elNamespace}-breadcrumb;
       }
     }
   }
-
   :deep(&__item):last-child {
     .#{$prefix-cls}__inner {
+      display: flex;
+      align-items: center;
       color: var(--el-text-color-placeholder);
 
       &:hover {