Tcode平台改造升级-用户工作台页面样式优化及邀请你的团队功能开发

src/views/Jyh/Dashboard/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div class="app-container">
+    <d-header class="dheader">
+      <Header />
+    </d-header>
     <d-layout class="main-layout">
       <d-aside class="sidebar">
         <div class="user-profile">
@@ -46,7 +49,7 @@
           </div>
         </div>
 
-        <div class="spacer"></div>
+<!--        <div class="spacer"></div>-->
 
         <div class="nav-menu bottom-menu">
           <div
@@ -101,13 +104,14 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue';
-import OverView from './overview.vue';
+import OverView from './overview/index.vue';
 import Setting from './setting.vue';
 import Integration from './Integration.vue';
 import Proxy from './proxy.vue';
 import Usage from './usage.vue';
 import Expense from './expense.vue';
 import Billing from './billing.vue';
+import Header from './Header.vue';
 
 // 定义菜单映射关系
 const menuComponents = {
@@ -133,20 +137,28 @@ const currentComponent = computed(() => {
 /* 全局暗黑重置 */
 .app-container {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  background-color: #0c0c0c;
+  background-color: rgb(20, 18, 11);
   color: #fff;
-  height: 100vh;
+  //min-height: 100vh;
+  height: 100%;
   width: 100%;
-  overflow: hidden;
+  overflow-y: auto;
 }
 
 .main-layout {
-  height: 100%;
+  min-height: calc(100% - 56px);
+
+
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%;
+  max-width: 1344px;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
 }
 
-/* --- 侧边栏样式 --- */
 .sidebar {
-  background-color: #121212; /* 比背景稍亮一点 */
+  background-color: rgb(20, 18, 11);
   width: 260px;
   border-right: 1px solid #252525;
   padding: 20px 16px;