src/global.less

@@ -75,6 +75,55 @@ body {
   left: 64px !important;
 }
 
+// Tabs Header样式 - 固定在CustomHeader下方
+.ant-pro-page-container-header {
+  position: fixed !important;
+  top: 64px !important; /* CustomHeader的高度 */
+  right: 0 !important;
+  left: 220px !important; /* 侧边栏宽度 */
+  z-index: 999 !important; /* 低于CustomHeader */
+  margin: 0 !important;
+  padding: 12px 24px !important;
+  background: #ffffff !important;
+  border-bottom: 1px solid #f0f0f0 !important;
+  box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
+}
+
+// 当侧边栏折叠时，调整tabs header的left值
+.ant-layout-sider-collapsed ~ .ant-layout .ant-pro-page-container-header {
+  left: 64px !important;
+}
+
+// Tabs样式优化
+.ant-pro-page-container-header .tabs-header-only {
+  margin: 0 !important;
+}
+
+.ant-pro-page-container-header .ant-tabs {
+  margin: 0 !important;
+}
+
+.ant-pro-page-container-header .ant-tabs-nav {
+  margin-bottom: 0 !important;
+}
+
+.ant-pro-page-container-header .ant-tabs-tab {
+  padding: 6px 12px !important;
+  background: #f5f5f5;
+  border-radius: 4px 4px 0 0;
+  margin-right: 4px;
+  transition: all 0.2s;
+}
+
+.ant-pro-page-container-header .ant-tabs-tab-active {
+  background: #ffffff;
+  font-weight: 500;
+}
+
+.ant-pro-page-container-header .ant-tabs-ink-bar {
+  display: none !important;
+}
+
 .custom-header .header-left {
   flex: 1;
 }
@@ -98,11 +147,15 @@ body {
 // 内容区域 - 添加顶部padding避免被固定header遮挡
 .ant-pro-grid-content {
   padding: 24px;
-  padding-top: 88px; /* 64px header + 24px extra */
+  padding-top: 130px; /* 64px CustomHeader + 50px tabs header + 16px */
 }
 
 .ant-pro-page-container {
-  padding-top: 88px;
+  padding-top: 130px;
+}
+
+.ant-pro-page-container-children-content {
+  padding-top: 0 !important;
 }
 
 // 页面容器卡片