修改Area.vue文件

AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue

@@ -92,7 +92,7 @@
       <!-- 内容区域 -->
       <div class="vs-content">
         <!-- 这里是内容区域，使用slot接收子组件，并监听Panel的maximize事件 -->
-        <slot @maximize="onPanelMaximize"></slot>        
+        <slot @maximize="onPanelMaximize"></slot>
         <svg width="41" height="41" viewBox="0 0 40 40" aria-hidden="true">
           <defs>
             <linearGradient 
@@ -102,6 +102,13 @@
               <stop offset="0%" stop-color="#DCE3F5" /> <!-- 高光色（比原色亮2个色阶） -->
               <stop offset="100%" stop-color="#B7BED1" /> <!-- 阴影色（比原色暗2个色阶） -->
             </linearGradient>
+            <linearGradient 
+              id="Area" 
+              x1="50%" y1="0%"
+              x2="50%" y2="100%">
+              <stop offset="0%" stop-color="#F0E2BC" /> 
+              <stop offset="100%" stop-color="#B09556" />
+            </linearGradient>
           </defs>
           <path
             fill="#61697E"
@@ -130,7 +137,17 @@
             fill="#4C5E83"
             fill-rule="evenodd"
             clip-rule="evenodd"
-            d="M7 8 L33 8 L33 20 L32 21 L8 21 L7 20 Z" />
+            d="M8 8 L32 8 L32 20 L31 21 L9 21 L8 20 Z" />
+          <path
+            fill="url(#Area)"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M10 13 L30 13 L30 19 L10 19 Z" />
+          <path
+            fill="#4C5E83"
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M16 30 L20 26 L23 30 Z" />
         </svg>
       </div>
     </div>