From 634fbbe29f956fabc5a3320e75ab6f9891c28655 Mon Sep 17 00:00:00 2001
From: supine-win <supine.win@gmail.com>
Date: Thu, 15 Dec 2022 16:26:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:yudao-ui-admin-vue3=E9=9D=A2=E5=8C=85?=
 =?UTF-8?q?=E5=B1=91=E5=AF=BC=E8=88=AA=E5=9B=BE=E6=A0=87=E5=92=8C=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E4=B8=8D=E5=9C=A8=E5=90=8C=E4=B8=80=E6=B0=B4=E5=B9=B3?=
 =?UTF-8?q?=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Icon/src/Icon.vue              | 15 +++++++++++----
 .../components/Breadcrumb/src/Breadcrumb.vue      |  2 +-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/yudao-ui-admin-vue3/src/components/Icon/src/Icon.vue b/yudao-ui-admin-vue3/src/components/Icon/src/Icon.vue
index 8c5ddede4..4c32f9bcf 100644
--- a/yudao-ui-admin-vue3/src/components/Icon/src/Icon.vue
+++ b/yudao-ui-admin-vue3/src/components/Icon/src/Icon.vue
@@ -15,7 +15,9 @@ const props = defineProps({
   // icon color
   color: propTypes.string,
   // icon size
-  size: propTypes.number.def(16)
+  size: propTypes.number.def(16),
+  // icon svg class
+  svgClass: propTypes.string.def('')
 })
 
 const elRef = ref<ElRef>(null)
@@ -34,6 +36,11 @@ const getIconifyStyle = computed(() => {
   }
 })
 
+const getSvgClass = computed(() => {
+  const { svgClass } = props
+  return `iconify ${svgClass}`
+})
+
 const updateIcon = async (icon: string) => {
   if (unref(isLocal)) return
 
@@ -66,13 +73,13 @@ watch(
 </script>
 
 <template>
-  <ElIcon :class="prefixCls" :size="size" :color="color">
-    <svg v-if="isLocal" aria-hidden="true">
+  <ElIcon :class="prefixCls" :color="color" :size="size">
+    <svg v-if="isLocal" aria-hidden="true" :class="getSvgClass">
       <use :xlink:href="symbolId" />
     </svg>
 
     <span v-else ref="elRef" :class="$attrs.class" :style="getIconifyStyle">
-      <span class="iconify" :data-icon="symbolId"></span>
+      <span :class="getSvgClass" :data-icon="symbolId"></span>
     </span>
   </ElIcon>
 </template>
diff --git a/yudao-ui-admin-vue3/src/layout/components/Breadcrumb/src/Breadcrumb.vue b/yudao-ui-admin-vue3/src/layout/components/Breadcrumb/src/Breadcrumb.vue
index 47aa762fd..3b888fca9 100644
--- a/yudao-ui-admin-vue3/src/layout/components/Breadcrumb/src/Breadcrumb.vue
+++ b/yudao-ui-admin-vue3/src/layout/components/Breadcrumb/src/Breadcrumb.vue
@@ -53,7 +53,7 @@ export default defineComponent({
           <ElBreadcrumbItem to={{ path: disabled ? '' : v.path }} key={v.name}>
             {meta?.icon && breadcrumbIcon.value ? (
               <>
-                <Icon icon={meta.icon} class="mr-[5px]"></Icon> {t(v?.meta?.title)}
+                <Icon icon={meta.icon} class="mr-[2px]" svgClass="inline-block"></Icon> {t(v?.meta?.title)}
               </>
             ) : (
               t(v?.meta?.title)