From 73a8d0488e7da5dfb9761f0e55ae59241cff93d1 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 10 Apr 2024 16:40:52 +0800
Subject: [PATCH] =?UTF-8?q?style(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E7=BD=91?=
 =?UTF-8?q?=E9=A1=B5=E7=99=BB=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../de-frame/ComponentFrame.vue                 | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/core/core-frontend/src/custom-component/de-frame/ComponentFrame.vue b/core/core-frontend/src/custom-component/de-frame/ComponentFrame.vue
index 5b9d69fe4d..8b464bee89 100644
--- a/core/core-frontend/src/custom-component/de-frame/ComponentFrame.vue
+++ b/core/core-frontend/src/custom-component/de-frame/ComponentFrame.vue
@@ -9,7 +9,7 @@
         frameborder="0"
         class="main-frame main-de-iframe"
       />
-      <div v-if="editMode === 'edit'" class="frame-mask edit-mask">
+      <div v-if="isEdit" class="frame-mask edit-mask">
         <span style="opacity: 1">
           <span style="font-weight: bold; color: lawngreen">{{
             t('visualization.edit_web_tips')
@@ -17,9 +17,9 @@
         </span>
       </div>
       <!--Here are three 15px wide masks(left top right) for easy clicking on the display jump button-->
-      <div v-if="editMode !== 'edit'" class="frame-mask preview-top-mask" />
-      <div v-if="editMode !== 'edit'" class="frame-mask preview-right-mask" />
-      <div v-if="editMode !== 'edit'" class="frame-mask preview-left-mask" />
+      <div v-if="isEdit" class="frame-mask preview-top-mask" />
+      <div v-if="isEdit" class="frame-mask preview-right-mask" />
+      <div v-if="isEdit" class="frame-mask preview-left-mask" />
       <div v-if="screenShot" class="frame-mask" />
     </div>
     <div v-else class="info-class">
@@ -47,10 +47,10 @@ const props = defineProps({
   element: {
     type: Object
   },
-  editMode: {
-    type: String,
+  isEdit: {
+    type: Boolean,
     require: false,
-    default: 'edit'
+    default: true
   },
   active: {
     type: Boolean,
@@ -63,7 +63,7 @@ const props = defineProps({
   }
 })
 
-const { propValue, element, editMode, active, screenShot } = toRefs(props)
+const { propValue, element, isEdit, active, screenShot } = toRefs(props)
 
 const state = reactive({
   pOption: {},
@@ -90,6 +90,7 @@ onMounted(() => {
 <style lang="less" scoped>
 .info-class {
   text-align: center;
+  width: 100%;
   height: 100%;
   display: flex;
   align-items: center;