From f21591c1b484fbcaf9267f15e4498b24860a162e Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 17 Apr 2024 10:27:00 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E5=B7=A5=E4=BD=9C=E5=8F=B0):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A8=A1=E7=89=88=E4=B8=AD=E5=BF=83=E6=96=87?=
 =?UTF-8?q?=E6=A1=88=E5=92=8C=E5=9B=BE=E6=A0=87=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/MarketPreviewV2.vue             | 66 +++++++++++--------
 1 file changed, 38 insertions(+), 28 deletions(-)

diff --git a/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue b/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
index ad95b25cbb..aa30d332eb 100644
--- a/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
+++ b/core/core-frontend/src/views/template-market/component/MarketPreviewV2.vue
@@ -9,15 +9,15 @@
         </el-tooltip>
         <el-row v-show="state.asideActive" style="padding: 24px 12px 0">
           <el-row style="align-items: center">
-            <span class="custom-breadcrumb-item" @click="closePreview()">{{
-              t('visualization.template_preview')
-            }}</span>
+            <span class="custom-breadcrumb-item" @click="closePreview()">模版中心</span>
             <el-icon><ArrowRight /></el-icon> <span class="custom-breadcrumb-item-to">预览</span>
 
             <el-tooltip class="box-item" effect="dark" content="收起" placement="right">
-              <el-icon class="insert-retract" @click="asideActiveChange(false)">
-                <Icon name="market-retract"></Icon>
-              </el-icon>
+              <div @click="asideActiveChange(false)" class="insert-retract">
+                <el-icon>
+                  <Icon name="icon_left_outlined" />
+                </el-icon>
+              </div>
             </el-tooltip>
           </el-row>
           <el-row class="margin-top16 search-area">
@@ -499,34 +499,44 @@ onMounted(() => {
   }
 }
 
+.arrow-side-tree {
+  position: absolute;
+  border: 1px solid #dee0e3;
+  background: #fff;
+  cursor: pointer;
+  z-index: 10;
+  &:hover {
+    .ed-icon {
+      color: var(--ed-color-primary);
+    }
+  }
+  .ed-icon {
+    font-size: 12px;
+  }
+}
+
 .insert-retract {
   position: absolute;
-  left: 176px;
+  left: 182px;
   top: 2px;
-  display: inline-block;
-  font-size: 34px;
-  font-weight: 400 !important;
-  font-family: '阿里巴巴普惠体 3.0 55 Regular L3';
-  line-height: 1;
-  white-space: nowrap;
+  border: 1px solid #dee0e3;
+  background: #fff;
   cursor: pointer;
-  color: #646a73;
-  -webkit-appearance: none;
-  text-align: center;
-  box-sizing: border-box;
-  outline: 0;
-  margin: 0;
-  transition: 0.1s;
-  border-radius: 3px;
-
-  &:active {
-    color: #000;
-    border-color: #3a8ee6;
-    outline: 0;
-  }
+  height: 24px;
+  width: 24px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0px 5px 10px 0px #1f23291a;
 
   &:hover {
-    color: #3a8ee6;
+    .ed-icon {
+      color: var(--ed-color-primary);
+    }
+  }
+  .ed-icon {
+    font-size: 12px;
   }
 }