refactor(ui): 优化导航组件和页面布局
- 移除多个页面的面包屑导航组件 - 添加统一的返回按钮组件替代各页面独立实现 - 优化导航栏滚动检测逻辑和动画效果 - 更新常量类型定义和统计数据 - 调整动态导入的SSR配置为false - 添加FlipClock组件展示公司运营时长 - 优化新闻列表页的类型安全和响应式设计
This commit is contained in:
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user