From 9b8983869caad387ae33f6eb3adf3f899cf5a833 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Thu, 18 Dec 2025 17:54:56 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=AD=90=20Tab=20=E7=B4=A7=E5=87=91?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=EF=BC=8C=E7=A7=BB=E9=99=A4=E5=A4=9A=E4=BD=99?=
 =?UTF-8?q?=E8=BE=B9=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- SubTabContainer: 添加 compact 属性
  - 移除 TabList 的 mx/mb 外边距
  - 移除圆角和阴影
  - 减小垂直内边距
- BasicInfoTab: 启用 compact 模式，移除 Card 包裹

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/SubTabContainer/index.tsx      | 13 +++++++-----
 .../CompanyOverview/BasicInfoTab/index.tsx    | 20 ++++++++-----------
 2 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/components/SubTabContainer/index.tsx b/src/components/SubTabContainer/index.tsx
index 889f83c0..418464f7 100644
--- a/src/components/SubTabContainer/index.tsx
+++ b/src/components/SubTabContainer/index.tsx
@@ -134,6 +134,8 @@ export interface SubTabContainerProps {
   isLazy?: boolean;
   /** TabList 右侧自定义内容 */
   rightElement?: React.ReactNode;
+  /** 紧凑模式 - 移除 TabList 的外边距 */
+  compact?: boolean;
 }
 
 const SubTabContainer: React.FC<SubTabContainerProps> = memo(({
@@ -147,6 +149,7 @@ const SubTabContainer: React.FC<SubTabContainerProps> = memo(({
   contentPadding = 4,
   isLazy = true,
   rightElement,
+  compact = false,
 }) => {
   // 内部状态（非受控模式）
   const [internalIndex, setInternalIndex] = useState(defaultIndex);
@@ -201,17 +204,17 @@ const SubTabContainer: React.FC<SubTabContainerProps> = memo(({
           sx={{ WebkitBackdropFilter: 'blur(20px)' }}
           borderBottom="1px solid"
           borderColor={theme.borderColor}
-          borderRadius={DEEP_SPACE.radiusLG}
-          mx={2}
-          mb={2}
+          borderRadius={compact ? 0 : DEEP_SPACE.radiusLG}
+          mx={compact ? 0 : 2}
+          mb={compact ? 0 : 2}
           px={3}
-          py={3}
+          py={compact ? 2 : 3}
           flexWrap="nowrap"
           gap={2}
           alignItems="center"
           overflowX="auto"
           position="relative"
-          boxShadow={DEEP_SPACE.innerGlow}
+          boxShadow={compact ? 'none' : DEEP_SPACE.innerGlow}
           css={{
             '&::-webkit-scrollbar': { display: 'none' },
             scrollbarWidth: 'none',
diff --git a/src/views/Company/components/CompanyOverview/BasicInfoTab/index.tsx b/src/views/Company/components/CompanyOverview/BasicInfoTab/index.tsx
index 857ab30d..57ece1c3 100644
--- a/src/views/Company/components/CompanyOverview/BasicInfoTab/index.tsx
+++ b/src/views/Company/components/CompanyOverview/BasicInfoTab/index.tsx
@@ -2,7 +2,6 @@
 // 基本信息 Tab 组件 - 使用 SubTabContainer 通用组件
 
 import React, { useMemo } from "react";
-import { Card, CardBody } from "@chakra-ui/react";
 import SubTabContainer, { type SubTabConfig } from "@components/SubTabContainer";
 
 import { THEME, TAB_CONFIG, getEnabledTabs } from "./config";
@@ -66,17 +65,14 @@ const BasicInfoTab: React.FC<BasicInfoTabProps> = ({
   const tabs = useMemo(() => buildTabsConfig(enabledTabs), [enabledTabs]);
 
   return (
-    <Card bg={THEME.cardBg} shadow="md" border="1px solid" borderColor={THEME.border}>
-      <CardBody p={0}>
-        <SubTabContainer
-          tabs={tabs}
-          componentProps={{ stockCode }}
-          defaultIndex={defaultTabIndex}
-          onTabChange={onTabChange}
-          themePreset="blackGold"
-        />
-      </CardBody>
-    </Card>
+    <SubTabContainer
+      tabs={tabs}
+      componentProps={{ stockCode }}
+      defaultIndex={defaultTabIndex}
+      onTabChange={onTabChange}
+      themePreset="blackGold"
+      compact
+    />
   );
 };