From 145f3c2d70111517b089ebacc4682efaffc4bc21 Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Thu, 30 Oct 2025 21:21:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8DPanel=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BD=8D=E7=BD=AE=E9=94=99=E8=AF=AF=EF=BC=9A?=
 =?UTF-8?q?=E5=B0=86style=E4=BB=8Etemplate=E5=86=85=E9=83=A8=E7=A7=BB?=
 =?UTF-8?q?=E5=88=B0=E7=BB=84=E4=BB=B6=E9=80=89=E9=A1=B9=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Windows/Robot/Web/src/DockLayout/Panel.js | 58 +++++++++----------
 1 file changed, 29 insertions(+), 29 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js b/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js
index 4659e9e..afc1af9 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js
@@ -230,34 +230,34 @@ export default defineComponent({
         </div>
       </div>
     </div>
-
-    <style scoped>
-      /* 向下小三角 */
-      .icon-triangle-down {
-        width: 0; height: 0;
-        border-left: 5px solid transparent;
-        border-right: 5px solid transparent;
-        border-top: 6px solid #cbd6ff;
-      }
-      
-      /* 最大化图标 */
-      .icon-square {
-        position: relative;
-        width: 11px; height: 11px;
-        background: linear-gradient(180deg, #cbd6ff 0%, #b9c8ff 100%);
-        border: 1px solid #b8c6ff;
-        box-sizing: border-box;
-      }
-      
-      /* X图标 */
-      .icon-x {
-        position: relative; width: 11px; height: 11px;
-      }
-      .icon-x::before, .icon-x::after {
-        content: ''; position: absolute; left: 5px; top: 0; width: 1px; height: 11px; background: #e6efff;
-      }
-      .icon-x::before { transform: rotate(45deg); }
-      .icon-x::after { transform: rotate(-45deg); }
-    </style>
+  `,
+  // 样式应该放在模板外部，作为组件的style选项
+  style: `
+    /* 向下小三角 */
+    .panel-container .icon-triangle-down {
+      width: 0; height: 0;
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 6px solid #cbd6ff;
+    }
+    
+    /* 最大化图标 */
+    .panel-container .icon-square {
+      position: relative;
+      width: 11px; height: 11px;
+      background: linear-gradient(180deg, #cbd6ff 0%, #b9c8ff 100%);
+      border: 1px solid #b8c6ff;
+      box-sizing: border-box;
+    }
+    
+    /* X图标 */
+    .panel-container .icon-x {
+      position: relative; width: 11px; height: 11px;
+    }
+    .panel-container .icon-x::before, .panel-container .icon-x::after {
+      content: ''; position: absolute; left: 5px; top: 0; width: 1px; height: 11px; background: #e6efff;
+    }
+    .panel-container .icon-x::before { transform: rotate(45deg); }
+    .panel-container .icon-x::after { transform: rotate(-45deg); }
   `
 });