refactor(ui): 优化导航组件和页面布局

- 移除多个页面的面包屑导航组件
- 添加统一的返回按钮组件替代各页面独立实现
- 优化导航栏滚动检测逻辑和动画效果
- 更新常量类型定义和统计数据
- 调整动态导入的SSR配置为false
- 添加FlipClock组件展示公司运营时长
- 优化新闻列表页的类型安全和响应式设计
This commit is contained in:
张翔
2026-02-28 13:09:07 +08:00
parent 9451814ca4
commit 0cfefaa937
18 changed files with 389 additions and 195 deletions
@@ -23,7 +23,7 @@
- Modify: `src/app/(marketing)/products/page.tsx:1-20`
- Modify: `src/app/(marketing)/solutions/page.tsx:1-20`
- Modify: `src/app/(marketing)/contact/page.tsx:1-20`
- Modify: `src/app/news/page.tsx:1-20`
- Modify: `src/app/(marketing)/news/page.tsx:1-20`
**Step 1: 创建面包屑导航组件**
@@ -713,7 +713,7 @@ export const TouchButton = forwardRef<
<Button
ref={ref}
{...props}
className={`${props.className || ''} min-h-[44px] min-w-[44px]`}
className={`${props.className || ''} min-h-11 min-w-11`}
style={{
WebkitTapHighlightColor: 'transparent',
...props.style,
@@ -976,7 +976,7 @@ git commit -m "feat: implement comprehensive SEO optimization with structured da
- Modify: `src/app/(marketing)/products/page.tsx:1-20`
- Modify: `src/app/(marketing)/solutions/page.tsx:1-20`
- Modify: `src/app/(marketing)/contact/page.tsx:1-20`
- Modify: `src/app/news/page.tsx:1-20`
- Modify: `src/app/(marketing)/news/page.tsx:1-20`
**Step 1: 统一页面标题组件**
@@ -992,7 +992,7 @@ interface PageHeaderProps {
export function PageHeader({ badge, title, description }: PageHeaderProps) {
return (
<div className="bg-gradient-to-br from-[#FFFBF5] to-white py-16">
<div className="bg-linear-to-br from-[#FFFBF5] to-white py-16">
<div className="container-wide">
{badge && (
<Badge className="mb-4">{badge}</Badge>
@@ -1041,7 +1041,7 @@ export function ContentCard({
<Card className="h-full hover:shadow-xl transition-all duration-300 border-[#E5E5E5] hover:border-[#C41E3A]">
<CardContent className="p-0">
{image && (
<div className="aspect-video bg-gradient-to-br from-[#C41E3A]/10 to-[#1C1C1C]/10 flex items-center justify-center">
<div className="aspect-video bg-linear-to-br from-[#C41E3A]/10 to-[#1C1C1C]/10 flex items-center justify-center">
<span className="text-4xl">📰</span>
</div>
)}