chore: clean up mobile test files and update components

This commit is contained in:
张翔
2026-03-05 14:23:19 +08:00
parent 0bb1f5c12a
commit 060566fd73
13 changed files with 9 additions and 3838 deletions
+3 -29
View File
@@ -38,9 +38,9 @@
/* 文字色系 - 墨色层次 */
--color-text-primary: #1C1C1C;
--color-text-secondary: #2D2D2D;
--color-text-tertiary: #4A4A4A;
--color-text-muted: #6B6B6B;
--color-text-secondary: #3D3D3D;
--color-text-tertiary: #5C5C5C;
--color-text-muted: #8C8C8C;
/* 边框色系 */
--color-border-primary: #E5E5E5;
@@ -211,38 +211,12 @@
input:focus, textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(196, 30, 58, 0.3);
}
button:focus-visible, a:focus-visible {
outline: 2px solid #C41E3A;
outline-offset: 2px;
}
::selection {
background-color: var(--color-text-primary);
color: var(--color-bg-primary);
}
@media (prefers-contrast: high) {
:root {
--color-text-primary: #000000;
--color-text-secondary: #1A1A1A;
--color-text-tertiary: #2A2A2A;
--color-border-primary: #000000;
--color-border-secondary: #1A1A1A;
}
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
}
@layer utilities {
+6 -17
View File
@@ -1,7 +1,7 @@
'use client';
import Link from 'next/link';
import { ChevronRight, Home, ArrowLeft } from 'lucide-react';
import { ChevronRight, Home } from 'lucide-react';
interface BreadcrumbItem {
label: string;
@@ -10,31 +10,20 @@ interface BreadcrumbItem {
interface BreadcrumbProps {
items: BreadcrumbItem[];
showBackButton?: boolean;
onBackClick?: () => void;
}
export function Breadcrumb({ items, showBackButton = false, onBackClick }: BreadcrumbProps) {
export function Breadcrumb({ items }: BreadcrumbProps) {
return (
<nav aria-label="breadcrumb" className="flex items-center space-x-2 text-sm text-[#4A4A4A] py-4 px-4 md:px-0">
{showBackButton && (
<button
onClick={onBackClick}
className="flex items-center mr-2 hover:text-[#C41E3A] transition-colors focus:outline-none focus:ring-2 focus:ring-[#C41E3A] focus:ring-offset-2"
aria-label="返回"
>
<ArrowLeft className="w-5 h-5" />
</button>
)}
<Link href="/" className="flex items-center hover:text-[#C41E3A] transition-colors focus:outline-none focus:ring-2 focus:ring-[#C41E3A] focus:ring-offset-2 rounded" aria-label="首页">
<nav aria-label="breadcrumb" className="flex items-center space-x-2 text-sm text-[#5C5C5C] py-4">
<Link href="/" className="flex items-center hover:text-[#C41E3A] transition-colors">
<Home className="w-4 h-4" />
</Link>
{items.map((item, index) => (
<div key={index} className="flex items-center">
<ChevronRight className="w-4 h-4 text-[#E5E5E5] flex-shrink-0" aria-hidden="true" />
<ChevronRight className="w-4 h-4 text-[#E5E5E5]" />
<Link
href={item.href}
className="ml-2 hover:text-[#C41E3A] transition-colors focus:outline-none focus:ring-2 focus:ring-[#C41E3A] focus:ring-offset-2 rounded truncate max-w-[120px] md:max-w-none"
className="ml-2 hover:text-[#C41E3A] transition-colors"
>
{item.label}
</Link>