vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(community): DynamicNewsCard 标题样式微调

Browse Source 
- 移除 Heading 组件，简化为 HStack + Text
  - 调整图标和文字大小
This commit is contained in:
zdl
2026-01-13 15:51:13 +08:00
parent 1d1e25530f
commit 9c1ec403f0
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/Community/components/DynamicNews/DynamicNewsCard.js
View File

@@ -641,12 +641,10 @@ const [currentMode, setCurrentMode] = useState('vertical');
<Flex justify="space-between" align="center"> <Flex justify="space-between" align="center">
{/* 左侧：标题 + 模式切换按钮 */} {/* 左侧：标题 + 模式切换按钮 */}
<HStack spacing={4}> <HStack spacing={4}>
<Heading size={isMobile ? "sm" : "md"} color={PROFESSIONAL_COLORS.text.primary}>
<HStack spacing={2}> <HStack spacing={2}>
<Clock size={20} color={PROFESSIONAL_COLORS.gold[500]} /> <Clock size={18} color={PROFESSIONAL_COLORS.gold[500]} />
<Text bgGradient={PROFESSIONAL_COLORS.gradients.gold} bgClip="text">实时要闻·动态追踪</Text> <Text fontSize={isMobile ? "md" : "lg"} fontWeight="bold" bgGradient={PROFESSIONAL_COLORS.gradients.gold} bgClip="text">实时要闻·动态追踪</Text>
</HStack> </HStack>
</Heading>
{/* 模式切换按钮（移动端隐藏） */} {/* 模式切换按钮（移动端隐藏） */}
{!isMobile && <ModeToggleButtons mode={mode} onModeChange={handleModeToggle} />} {!isMobile && <ModeToggleButtons mode={mode} onModeChange={handleModeToggle} />}
</HStack> </HStack>