feat: 完成网站功能开发与优化

- 完善产品页面布局与交互
- 优化服务详情页用户体验
- 增强新闻模块内容展示
- 改进团队页面设计
- 优化全局样式和响应式布局
- 添加分页组件支持
- 提升性能与SEO优化
- 修复已知问题与改进代码质量
This commit is contained in:
张翔
2026-04-27 20:53:39 +08:00
parent 1832640e8f
commit 1f591fe2b4
86 changed files with 688 additions and 634 deletions
+34 -17
View File
@@ -16,30 +16,47 @@ interface BreadcrumbProps {
export function Breadcrumb({ items }: BreadcrumbProps) {
return (
<nav
aria-label="breadcrumb"
aria-label="面包屑导航"
className="flex items-center text-xs md:text-sm text-[#5C5C5C] py-3 md:py-4"
style={{ lineHeight: '1' }}
>
<StaticLink
href="/"
className="hover:text-[#C41E3A] transition-colors shrink-0"
aria-label="返回首页"
style={{ minHeight: 0, minWidth: 0 }}
>
<Home className="w-3.5 h-3.5" />
</StaticLink>
{items.map((item, index) => (
<Fragment key={index}>
<ChevronRight className="w-3 h-3 text-[#CCCCCC] shrink-0 mx-1" />
<ol className="flex items-center list-none m-0 p-0">
<li className="flex items-center">
<StaticLink
href={item.href}
className="hover:text-[#C41E3A] transition-colors whitespace-nowrap"
href="/"
className="hover:text-[var(--color-brand-primary)] transition-colors shrink-0"
aria-label="返回首页"
style={{ minHeight: 0, minWidth: 0 }}
>
{item.label}
<Home className="w-3.5 h-3.5" />
</StaticLink>
</Fragment>
))}
</li>
{items.map((item, index) => {
const isLast = index === items.length - 1;
return (
<Fragment key={index}>
<li className="flex items-center" aria-hidden="true">
<ChevronRight className="w-3 h-3 text-[#CCCCCC] shrink-0 mx-1" />
</li>
<li className="flex items-center">
{isLast ? (
<span className="text-[#1C1C1C] font-medium whitespace-nowrap" aria-current="page">
{item.label}
</span>
) : (
<StaticLink
href={item.href}
className="hover:text-[var(--color-brand-primary)] transition-colors whitespace-nowrap"
style={{ minHeight: 0, minWidth: 0 }}
>
{item.label}
</StaticLink>
)}
</li>
</Fragment>
);
})}
</ol>
</nav>
);
}