refactor: 移除hero水墨动画,优化全局样式与组件细节

This commit is contained in:
张翔
2026-05-04 00:00:19 +08:00
parent 61bb24d56e
commit 747405dc96
19 changed files with 1757 additions and 19 deletions
+2 -2
View File
@@ -14,7 +14,7 @@ interface BreadcrumbProps {
export function Breadcrumb({ items }: BreadcrumbProps) {
return (
<nav aria-label="breadcrumb" className="flex items-center space-x-2 text-sm text-[#5C5C5C] py-4">
<nav aria-label="breadcrumb" className="flex items-center space-x-1 text-sm text-[#5C5C5C] py-4">
<StaticLink href="/" className="flex items-center hover:text-[#C41E3A] transition-colors" aria-label="返回首页">
<Home className="w-4 h-4" />
</StaticLink>
@@ -23,7 +23,7 @@ export function Breadcrumb({ items }: BreadcrumbProps) {
<ChevronRight className="w-4 h-4 text-[#E5E5E5]" />
<StaticLink
href={item.href}
className="ml-2 hover:text-[#C41E3A] transition-colors"
className="ml-1 hover:text-[#C41E3A] transition-colors"
>
{item.label}
</StaticLink>
+5 -5
View File
@@ -14,15 +14,15 @@ interface PageNavProps {
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" />
<nav aria-label="breadcrumb" className="flex items-center gap-[3px] md:gap-1 text-[11px] md:text-sm text-[#A3A3A3] mb-2 md:mb-8 -ml-0.5">
<StaticLink href="/" className="flex items-center w-fit hover:text-[#C41E3A] transition-colors" aria-label="返回首页">
<Home className="w-2.5 h-2.5 md:w-3.5 md: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]" />
<div key={index} className="flex items-center gap-[3px] md:gap-1">
<ChevronRight className="w-2.5 h-2.5 md:w-3.5 md:h-3.5 text-[#D4D4D4]" />
{isLast || !item.href ? (
<span className={isLast ? 'text-[#1C1C1C] font-medium' : ''}>
{item.label}