修复页面bug

src/component/Canvas/CanvasEditor/components/SelectionPanel.vue

@@ -1,6 +1,7 @@
 <template>
   <transition name="fade">
-    <div class="selection-toolbar" v-if="visible">
+    <div class="selection-toolbar" v-if="visible" :class="{active:!closePanel}">
+		<div class="btn" @click="setClosePanel"><i class="fi fi-br-angle-left"></i></div>
       <!-- 顶部选区类型工具栏 -->
       <div class="toolbar-section">
         <div class="toolbar-header">
@@ -238,6 +239,11 @@ const fillColor = ref("#000000");
 const hasSelection = ref(false);
 const showFeatherDialog = ref(false);
 const showColorPicker = ref(false);
+//打开隐藏操作面板
+const closePanel = ref(false)
+const setClosePanel = ()=>{
+	closePanel.value = !closePanel.value
+}
 
 // 国际化
 const { t } = useI18n();
@@ -289,6 +295,7 @@ watch(
  */
 function show() {
   visible.value = true;
+  closePanel.value = true
   checkSelectionStatus();
 }
 
@@ -512,6 +519,25 @@ function confirmColorPicker() {
   color: #333;
   border: 1px solid rgba(0, 0, 0, 0.05);
   user-select: none;
+  &.active{
+	transform: translateY(100%);
+	 > .btn{
+		> i{
+			transform: rotate(90deg);
+		}
+	}
+}
+  > .btn{
+	width: 100%;
+	text-align: center;
+	cursor: pointer;
+	
+	> i{
+		font-size: 1.4rem;
+		display: block;
+		transform: rotate(270deg);
+	}
+  }
 }
 
 /* 平板和手机适配 */