From 9540b78e9048a4966d7f8b0797fb7fabd47a6f05 Mon Sep 17 00:00:00 2001
From: xuyanfeng <xu_yanfeng@126.com>
Date: Tue, 15 Jun 2021 20:51:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=9B=BE=E7=89=87=E7=9A=84?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/src/devtools/ui-prop.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/source/src/devtools/ui-prop.vue b/source/src/devtools/ui-prop.vue
index e0005b0..20ee5fb 100644
--- a/source/src/devtools/ui-prop.vue
+++ b/source/src/devtools/ui-prop.vue
@@ -63,8 +63,10 @@
       </div>
       <div v-if="isImage()" class="image-property">
         <el-popover v-if="isImage()" placement="top" trigger="hover">
-          <!--          会有一个undefined的错误-->
-          <el-image v-if="isImage()" style="width: 100px;height: 100px" fit="contain" :src="value.data"></el-image>
+          <div
+              style="width: 100%;height: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;">
+            <img :src="value.data" alt="图片" style="max-width: 100px;max-height: 100px;object-fit: contain;">
+          </div>
           <img :src="value.data" slot="reference" style="height: 36px;" alt="图片">
         </el-popover>
         <div style="flex:1;display: flex; flex-direction: row-reverse;">
@@ -135,7 +137,7 @@ export default class UiProp extends Vue {
   }
 
   isImage() {
-    return this.value && (this.value.type === DataType.Array || this.value.type === DataType.Image)
+    return this.value && (this.value.type === DataType.Image)
   }
 
   created() {