Просмотр исходного кода

📝 docs(mobile): update first-level page name specification

- add documentation for 7 new first-level page names including 银龄岗位, 银龄人才, 时间银行, 银铃智库, 政策资讯, 老年大学

✨ feat(mobile): add page titles to navigation bars

- add page title next to logo in header for SilverJobsPage
- add page title next to logo in header for SilverTalentsPage
- add page title next to logo in header for TimeBankPage
- add page title next to logo in header for SilverWisdomPage
- add page title next to logo in header for PolicyNewsPage
- add page title next to logo in header for ElderlyUniversityPage
- standardize title style with font-serif, text-xl, font-bold, and #2f1f0f color
yourname 9 месяцев назад
Родитель
Сommit
76eb8bad5b

+ 30 - 0
docs/mobile-first-level-page-name-spec.md

@@ -10,6 +10,36 @@
 - **位置**: 顶部导航栏左侧(LOGO右侧)
 - **显示状态**: 始终显示
 
+### 2. 银龄岗位页面名称
+- **页面名称**: 银龄岗位
+- **位置**: 顶部导航栏左侧(LOGO右侧)
+- **显示状态**: 始终显示
+
+### 3. 银龄人才页面名称
+- **页面名称**: 银龄人才
+- **位置**: 顶部导航栏左侧(LOGO右侧)
+- **显示状态**: 始终显示
+
+### 4. 时间银行页面名称
+- **页面名称**: 时间银行
+- **位置**: 顶部导航栏左侧(LOGO右侧)
+- **显示状态**: 始终显示
+
+### 5. 银铃智库页面名称
+- **页面名称**: 银铃智库
+- **位置**: 顶部导航栏左侧(LOGO右侧)
+- **显示状态**: 始终显示
+
+### 6. 政策资讯页面名称
+- **页面名称**: 政策资讯
+- **位置**: 顶部导航栏左侧(LOGO右侧)
+- **显示状态**: 始终显示
+
+### 7. 老年大学页面名称
+- **页面名称**: 老年大学
+- **位置**: 顶部导航栏左侧(LOGO右侧)
+- **显示状态**: 始终显示
+
 ### 2. 字体规范
 | 属性 | 规范值 | 说明 |
 |------|--------|------|

+ 19 - 16
src/client/mobile/pages/ElderlyUniversityPage.tsx

@@ -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
               }}
             >
               搜索

+ 6 - 1
src/client/mobile/pages/PolicyNewsPage.tsx

@@ -165,7 +165,12 @@ const PolicyNewsPage: React.FC = () => {
       >
         <div className="px-4 py-4">
           <div className="flex items-center justify-between mb-3">
-            <HeaderLogo />
+            <div className="flex items-center space-x-2">
+              <HeaderLogo />
+              <h1 className="font-serif text-xl font-bold tracking-wide" style={{ color: '#2f1f0f' }}>
+                政策资讯
+              </h1>
+            </div>
             <button
               onClick={handleRefresh}
               disabled={isRefreshing}

+ 6 - 1
src/client/mobile/pages/SilverJobsPage.tsx

@@ -24,7 +24,12 @@ const SilverJobsPage: React.FC = () => {
       {/* 头部导航栏 */}
       <header className="sticky top-0 z-10 shadow-sm border-b px-4 py-4" style={{ backgroundColor: 'rgba(255,255,255,0.8)', borderColor: INK_COLORS.ink.medium }}>
         <div className="flex items-center justify-between">
-          <HeaderLogo />
+          <div className="flex items-center space-x-2">
+            <HeaderLogo />
+            <h1 className="font-serif text-xl font-bold tracking-wide" style={{ color: '#2f1f0f' }}>
+              银龄岗位
+            </h1>
+          </div>
           <div className="flex items-center space-x-2">
             <button className="p-2 rounded-full" style={{ backgroundColor: INK_COLORS.accent.blue + '20', color: INK_COLORS.accent.blue }}>🔍</button>
             <button className="p-2 rounded-full" style={{ backgroundColor: INK_COLORS.accent.green + '20', color: INK_COLORS.accent.green }}>⚙️</button>

+ 6 - 1
src/client/mobile/pages/SilverTalentsPage.tsx

@@ -91,7 +91,12 @@ const SilverTalentsPage: React.FC = () => {
         }}
       >
         <div className="flex items-center justify-between">
-          <HeaderLogo />
+          <div className="flex items-center space-x-2">
+            <HeaderLogo />
+            <h1 className="font-serif text-xl font-bold tracking-wide" style={{ color: '#2f1f0f' }}>
+              银龄人才
+            </h1>
+          </div>
           <UserIcon
             className="w-6 h-6 cursor-pointer transition-colors duration-300 hover:text-orange-600"
             style={{ color: COLORS.ink.dark }}

+ 6 - 1
src/client/mobile/pages/SilverWisdomPage.tsx

@@ -126,7 +126,12 @@ const SilverWisdomPage: React.FC = () => {
         }}
       >
         <div className="flex items-center justify-between">
-          <HeaderLogo />
+          <div className="flex items-center space-x-2">
+            <HeaderLogo />
+            <h1 className="font-serif text-xl font-bold tracking-wide" style={{ color: '#2f1f0f' }}>
+              银铃智库
+            </h1>
+          </div>
           <UserIcon
             className="w-6 h-6 cursor-pointer transition-colors duration-300 hover:text-orange-600"
             style={{ color: COLORS.ink.dark }}

+ 6 - 1
src/client/mobile/pages/TimeBankPage.tsx

@@ -98,7 +98,12 @@ const TimeBankPage: React.FC = () => {
         style={{ backgroundColor: COLORS.ink.light, borderColor: COLORS.ink.medium }}
       >
         <div className="flex items-center justify-between">
-          <HeaderLogo />
+          <div className="flex items-center space-x-2">
+            <HeaderLogo />
+            <h1 className="font-serif text-xl font-bold tracking-wide" style={{ color: '#2f1f0f' }}>
+              时间银行
+            </h1>
+          </div>
           <button
             onClick={refreshActivities}
             disabled={refreshing}