|
|
@@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom';
|
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
|
import { useElderlyUniversities } from '../hooks/useElderlyUniversityData';
|
|
|
import ElderlyUniversityCard from '../components/ElderlyUniversityCard';
|
|
|
+import HeaderLogo from '../components/HeaderLogo';
|
|
|
import { SkeletonLoader, ListItemSkeleton } from '../components/SkeletonLoader';
|
|
|
import {
|
|
|
MagnifyingGlassIcon,
|
|
|
@@ -243,31 +244,33 @@ const ElderlyUniversityList: React.FC = () => {
|
|
|
return (
|
|
|
<div className="min-h-screen" style={{ backgroundColor: COLORS.ink.light }}>
|
|
|
{/* 头部导航栏 */}
|
|
|
- <header
|
|
|
+ <header
|
|
|
className="shadow-sm sticky top-0 z-10 border-b border-opacity-20"
|
|
|
- style={{
|
|
|
+ style={{
|
|
|
backgroundColor: COLORS.ink.light,
|
|
|
- borderColor: COLORS.ink.medium
|
|
|
+ borderColor: COLORS.ink.medium
|
|
|
}}
|
|
|
>
|
|
|
<div className="px-4 py-4">
|
|
|
- <h1
|
|
|
- className={`${FONT_STYLES.title} mb-4`}
|
|
|
- style={{ color: COLORS.text.primary }}
|
|
|
- >
|
|
|
- 老年大学
|
|
|
- </h1>
|
|
|
+ <div className="flex items-center mb-4">
|
|
|
+ <div className="flex items-center space-x-2">
|
|
|
+ <HeaderLogo logoSize="md" showName={false} />
|
|
|
+ <h1 className="font-serif text-xl font-bold tracking-wide" style={{ color: '#2f1f0f' }}>
|
|
|
+ 老年大学
|
|
|
+ </h1>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
{/* 搜索栏 */}
|
|
|
<div className="flex items-center rounded-full px-4 py-3 shadow-sm border transition-all duration-300 focus-within:shadow-md"
|
|
|
- style={{
|
|
|
+ style={{
|
|
|
backgroundColor: 'rgba(255,255,255,0.7)',
|
|
|
- borderColor: COLORS.ink.medium
|
|
|
+ borderColor: COLORS.ink.medium
|
|
|
}}
|
|
|
>
|
|
|
- <MagnifyingGlassIcon
|
|
|
- className="w-5 h-5 mr-2"
|
|
|
- style={{ color: COLORS.ink.dark }}
|
|
|
+ <MagnifyingGlassIcon
|
|
|
+ className="w-5 h-5 mr-2"
|
|
|
+ style={{ color: COLORS.ink.dark }}
|
|
|
/>
|
|
|
<input
|
|
|
type="text"
|
|
|
@@ -290,9 +293,9 @@ const ElderlyUniversityList: React.FC = () => {
|
|
|
<button
|
|
|
onClick={handleSearch}
|
|
|
className={`${FONT_STYLES.caption} px-3 py-1 rounded-full transition-colors`}
|
|
|
- style={{
|
|
|
+ style={{
|
|
|
color: COLORS.text.primary,
|
|
|
- backgroundColor: COLORS.ink.medium
|
|
|
+ backgroundColor: COLORS.ink.medium
|
|
|
}}
|
|
|
>
|
|
|
搜索
|