From 23617a63e9185e39269bacdc80186b05e1bd6709 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Tue, 9 Aug 2022 19:48:26 +0800
Subject: [PATCH] =?UTF-8?q?fix(editor):=20icon=20=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/components/Icon.vue             | 2 +-
 packages/editor/src/theme/component-list-panel.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/editor/src/components/Icon.vue b/packages/editor/src/components/Icon.vue
index 9919b7c8..1004c708 100644
--- a/packages/editor/src/components/Icon.vue
+++ b/packages/editor/src/components/Icon.vue
@@ -1,6 +1,6 @@
 <template>
   <el-icon v-if="!icon"><edit></edit></el-icon>
-  <img v-else-if="typeof icon === 'string' && icon.startsWith('http')" :src="icon" />
+  <el-icon v-else-if="typeof icon === 'string' && icon.startsWith('http')"><img :src="icon" /></el-icon>
   <i v-else-if="typeof icon === 'string'" :class="icon"></i>
   <el-icon v-else><component :is="toRaw(icon)"></component></el-icon>
 </template>
diff --git a/packages/editor/src/theme/component-list-panel.scss b/packages/editor/src/theme/component-list-panel.scss
index 65e3459f..bb451dc8 100644
--- a/packages/editor/src/theme/component-list-panel.scss
+++ b/packages/editor/src/theme/component-list-panel.scss
@@ -86,6 +86,11 @@
         }
       }
 
+      img {
+        max-width: 100%;
+        max-height: 100%;
+      }
+
       span {
         font-size: 12px;
         text-align: center;