修复Panel组件样式位置错误：将style从template内部移到组件选项中

AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.js

@@ -230,10 +230,11 @@ export default defineComponent({
         </div>
       </div>
     </div>
-
-    <style scoped>
+  `,
+  // 样式应该放在模板外部，作为组件的style选项
+  style: `
     /* 向下小三角 */
-      .icon-triangle-down {
+    .panel-container .icon-triangle-down {
       width: 0; height: 0;
       border-left: 5px solid transparent;
       border-right: 5px solid transparent;
@@ -241,7 +242,7 @@ export default defineComponent({
     }
     
     /* 最大化图标 */
-      .icon-square {
+    .panel-container .icon-square {
       position: relative;
       width: 11px; height: 11px;
       background: linear-gradient(180deg, #cbd6ff 0%, #b9c8ff 100%);
@@ -250,14 +251,13 @@ export default defineComponent({
     }
     
     /* X图标 */
-      .icon-x {
+    .panel-container .icon-x {
       position: relative; width: 11px; height: 11px;
     }
-      .icon-x::before, .icon-x::after {
+    .panel-container .icon-x::before, .panel-container .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>
+    .panel-container .icon-x::before { transform: rotate(45deg); }
+    .panel-container .icon-x::after { transform: rotate(-45deg); }
   `
 });