张翔
a272e58aaa
- 新增 InkGlowCard 墨韵流光卡片组件，统一全站卡片交互风格 - 新增 PageNav 面包屑组件，统一全站页面导航 - 统一色彩体系、排版层级、间距节奏和动画风格 - 修复 CTA 区品牌名称错误（诺瓦隆→睿新致遠） - 修复 ERP 产品卖点与年费制定价矛盾 - 导航下拉补充 SDS 和 OA 产品 - 统一全站数据指标为 12+年核心团队经验、6自研产品、10+团队成员 - 移除不可靠的 100%客户满意度和 30+行业专家指标 - 修复新闻时间线不合理问题，调整里程碑节奏 - 统一响应承诺为工作日快速响应 - 服务第4项重命名为行业方案实施，厘清概念 - 服务详情页效果数据改为定性描述 - 删除 cases 模块，精简代码库
44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
import { StaticLink } from '@/components/ui/static-link';
|
|
import { ChevronRight, Home } from 'lucide-react';
|
|
|
|
interface BreadcrumbItem {
|
|
label: string;
|
|
href?: string;
|
|
}
|
|
|
|
interface PageNavProps {
|
|
items: BreadcrumbItem[];
|
|
}
|
|
|
|
export function PageNav({ items }: PageNavProps) {
|
|
return (
|
|
<nav aria-label="breadcrumb" className="flex items-center gap-1.5 text-sm text-[#A3A3A3] mb-8">
|
|
<StaticLink href="/" className="flex items-center hover:text-[#C41E3A] transition-colors" aria-label="返回首页">
|
|
<Home className="w-3.5 h-3.5" />
|
|
</StaticLink>
|
|
{items.map((item, index) => {
|
|
const isLast = index === items.length - 1;
|
|
return (
|
|
<div key={index} className="flex items-center gap-1.5">
|
|
<ChevronRight className="w-3.5 h-3.5 text-[#D4D4D4]" />
|
|
{isLast || !item.href ? (
|
|
<span className={isLast ? 'text-[#1C1C1C] font-medium' : ''}>
|
|
{item.label}
|
|
</span>
|
|
) : (
|
|
<StaticLink
|
|
href={item.href}
|
|
className="hover:text-[#C41E3A] transition-colors"
|
|
>
|
|
{item.label}
|
|
</StaticLink>
|
|
)}
|
|
</div>
|
|
);
|
|
})}
|
|
</nav>
|
|
);
|
|
}
|