refactor(ui): 优化导航组件和页面布局
- 移除多个页面的面包屑导航组件 - 添加统一的返回按钮组件替代各页面独立实现 - 优化导航栏滚动检测逻辑和动画效果 - 更新常量类型定义和统计数据 - 调整动态导入的SSR配置为false - 添加FlipClock组件展示公司运营时长 - 优化新闻列表页的类型安全和响应式设计
This commit is contained in:
+34
-10
@@ -1,3 +1,27 @@
|
||||
// Type Definitions
|
||||
export type NewsCategory = '公司新闻' | '产品发布' | '合作动态' | '行业资讯';
|
||||
|
||||
export interface NewsItem {
|
||||
id: string;
|
||||
title: string;
|
||||
excerpt: string;
|
||||
date: string;
|
||||
category: NewsCategory;
|
||||
image: string;
|
||||
content: string;
|
||||
}
|
||||
|
||||
export interface NavigationItem {
|
||||
id: string;
|
||||
label: string;
|
||||
href: string;
|
||||
}
|
||||
|
||||
export interface StatItem {
|
||||
value: string;
|
||||
label: string;
|
||||
}
|
||||
|
||||
// Company Information
|
||||
export const COMPANY_INFO = {
|
||||
name: '四川睿新致远科技有限公司',
|
||||
@@ -12,7 +36,7 @@ export const COMPANY_INFO = {
|
||||
} as const;
|
||||
|
||||
// Navigation Items - 混合导航(首页滚动,详情页跳转)
|
||||
export const NAVIGATION = [
|
||||
export const NAVIGATION: NavigationItem[] = [
|
||||
{ id: 'home', label: '首页', href: '/#home' },
|
||||
{ id: 'services', label: '核心业务', href: '/#services' },
|
||||
{ id: 'products', label: '产品服务', href: '/#products' },
|
||||
@@ -20,15 +44,15 @@ export const NAVIGATION = [
|
||||
{ id: 'about', label: '关于我们', href: '/#about' },
|
||||
{ id: 'news', label: '新闻动态', href: '/#news' },
|
||||
{ id: 'contact', label: '联系我们', href: '/#contact' },
|
||||
] as const;
|
||||
];
|
||||
|
||||
// Stats Data
|
||||
export const STATS = [
|
||||
{ value: '50+', label: '企业客户' },
|
||||
{ value: '100+', label: '成功案例' },
|
||||
{ value: '200+', label: '项目交付' },
|
||||
{ value: '8+', label: '年行业经验' },
|
||||
] as const;
|
||||
export const STATS: StatItem[] = [
|
||||
{ value: '10+', label: '企业客户' },
|
||||
{ value: '20+', label: '成功案例' },
|
||||
{ value: '30+', label: '项目交付' },
|
||||
{ value: '12+', label: '年行业经验' },
|
||||
];
|
||||
|
||||
// Services Data
|
||||
export const SERVICES = [
|
||||
@@ -319,7 +343,7 @@ export const PRODUCTS = [
|
||||
] as const;
|
||||
|
||||
// News Data
|
||||
export const NEWS = [
|
||||
export const NEWS: NewsItem[] = [
|
||||
{
|
||||
id: '1',
|
||||
title: '四川睿新致远科技有限公司正式成立',
|
||||
@@ -433,7 +457,7 @@ export const NEWS = [
|
||||
|
||||
公司表示,将持续优化网站功能和内容,将其打造为展示公司形象、服务客户需求的重要窗口。欢迎广大客户和合作伙伴访问浏览,提出宝贵意见。`,
|
||||
},
|
||||
] as const;
|
||||
];
|
||||
|
||||
// Solutions Data
|
||||
export const SOLUTIONS = [
|
||||
|
||||
Reference in New Issue
Block a user