From 5ec1cac09d2ec976b129927b18168d62dc634578 Mon Sep 17 00:00:00 2001
From: Nevermore <15972699417@163.com>
Date: Sun, 3 Dec 2023 20:31:53 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/icon.ts                   |  6 ++++--
 src/views/Editor/CanvasLeft/index.vue | 25 +++++++++++++++++++------
 src/views/Editor/index.vue            |  2 +-
 3 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/plugins/icon.ts b/src/plugins/icon.ts
index e5cbc7b6..692b8b91 100644
--- a/src/plugins/icon.ts
+++ b/src/plugins/icon.ts
@@ -154,7 +154,8 @@ import {
   UnionSelection,
   ExcludeSelection,
   SubtractSelection,
-  SubtractSelectionOne
+  SubtractSelectionOne,
+  AllApplication
 } from '@icon-park/vue-next'
 
 export const icons = {
@@ -310,7 +311,8 @@ export const icons = {
   IconUnionSelection: UnionSelection,
   IconExcludeSelection: ExcludeSelection,
   IconSubtractSelection: SubtractSelection,
-  IconSubtractSelectionOne: SubtractSelectionOne
+  IconSubtractSelectionOne: SubtractSelectionOne,
+  IconAllApplication: AllApplication
 }
 
 export default {
diff --git a/src/views/Editor/CanvasLeft/index.vue b/src/views/Editor/CanvasLeft/index.vue
index 9af97225..ca4d8811 100644
--- a/src/views/Editor/CanvasLeft/index.vue
+++ b/src/views/Editor/CanvasLeft/index.vue
@@ -1,8 +1,13 @@
 <template>
   <div>
     <div class="left-top-tabs">
+      <div class="top-tab">
+        <IconAllApplication/>
+      </div>
+    </div>
+    <div class="left-center-tabs">
       <div 
-        class="top-tab" 
+        class="center-tab" 
         :class="{ 'left-active': tab.key === poolType }"
         v-for="tab in topTabs"
         :key="tab.key"
@@ -118,16 +123,24 @@ const hideHelp = () => {
 </script>
 
 <style lang="scss" scoped>
-.left-top {
-  display: flex;
-  height: 40px;
-}
-.left-top-tabs {
+
+.left-center-tabs {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 .top-tab {
+  width: 100%;
+  height: 40px;
+  text-align: center;
+  font-size: 12px;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  border-bottom: 1px solid $borderColor;
+}
+.center-tab {
   width: 100%;
   height: 60px;
   text-align: center;
diff --git a/src/views/Editor/index.vue b/src/views/Editor/index.vue
index b296930c..b6ca6f62 100644
--- a/src/views/Editor/index.vue
+++ b/src/views/Editor/index.vue
@@ -47,7 +47,7 @@ import CanvasDom from './CanvasDom/index.vue'
   border-right: solid 1px $borderColor;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: flex-start;
 }
 .layout-content-thumb {
   width: 160px;