feat: 拖拽布局-优化问题

demoHtml/flex/css/index.css

@@ -190,6 +190,7 @@ html {
     left: 60px;
     background-color: unset;
     box-shadow: unset;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
 
 #go-back .tab-button.active {
@@ -200,6 +201,14 @@ html {
     font-size: 18px;
 }
 
+#go-back > img {
+    display: block;
+    width: 28px;
+    height: 28px;
+    padding: 4px;
+    cursor: pointer;
+}
+
 .tab-button {
     padding: 8px 15px;
     border: none;

demoHtml/flex/index.html

@@ -72,7 +72,11 @@
                     <!-- 画布容器 -->
                     <div id="canvas-panel">
                         <div id="go-back">
-                            <button class="tab-button active"><</button>
+                            <img
+                                src="./image/back.png"
+                                alt=""
+                            />
+                            <!-- <button class="tab-button active"><</button> -->
                         </div>
                         <div id="canvas-tabs">
                             <button

demoHtml/flex/js/index.js

@@ -581,7 +581,7 @@
             hidePropsPanel();
         });
 
-        $('#go-back .tab-button').on('click', function () {
+        $('#go-back img').on('click', function () {
             const { confirm_del, tips } = userLangConfig[locale].base;
             layer.confirm(confirm_del, { icon: 3, title: tips }, function (index) {
                 layer.close(index);