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 = memo(({ @@ -147,6 +149,7 @@ const SubTabContainer: React.FC = memo(({ contentPadding = 4, isLazy = true, rightElement, + compact = false, }) => { // 内部状态(非受控模式) const [internalIndex, setInternalIndex] = useState(defaultIndex); @@ -201,17 +204,17 @@ const SubTabContainer: React.FC = 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 = ({ const tabs = useMemo(() => buildTabsConfig(enabledTabs), [enabledTabs]); return ( - - - - - + ); };