From 272ea70b3abc279cf4dd557b2eb2c1d1cbd78c34 Mon Sep 17 00:00:00 2001
From: Guwan <Guwan@Guwan.com>
Date: Mon, 4 Aug 2025 00:18:19 +0800
Subject: [PATCH] fix: first commit

---
 src/App.vue                                   | 80 ++++++++++++++-----
 src/router/index.ts                           | 36 ++++-----
 src/views/README.md                           | 68 ++++++++++++++++
 src/views/{ => analytics}/StatsView.vue       |  0
 src/views/{ => auth}/LoginView.vue            |  0
 src/views/{ => auth}/RegisterView.vue         |  0
 .../{ => dashboard}/CourseDetailView.vue      |  0
 src/views/{ => dashboard}/CoursesView.vue     |  0
 src/views/{ => dashboard}/ExamView.vue        |  0
 src/views/{ => dashboard}/HomeView.vue        |  0
 .../{ => dashboard}/HomeworkDetailView.vue    |  0
 src/views/{ => dashboard}/HomeworkView.vue    |  0
 src/views/{ => learning}/PlanView.vue         |  0
 src/views/{ => learning}/ProgressView.vue     |  0
 src/views/{ => learning}/ResourcesView.vue    |  0
 src/views/{ => other}/AboutView.vue           |  0
 src/views/{ => profile}/NotificationsView.vue |  0
 src/views/{ => profile}/ProfileView.vue       |  0
 src/views/{ => profile}/SettingsView.vue      |  0
 src/views/{ => social}/ForumView.vue          |  0
 20 files changed, 144 insertions(+), 40 deletions(-)
 create mode 100644 src/views/README.md
 rename src/views/{ => analytics}/StatsView.vue (100%)
 rename src/views/{ => auth}/LoginView.vue (100%)
 rename src/views/{ => auth}/RegisterView.vue (100%)
 rename src/views/{ => dashboard}/CourseDetailView.vue (100%)
 rename src/views/{ => dashboard}/CoursesView.vue (100%)
 rename src/views/{ => dashboard}/ExamView.vue (100%)
 rename src/views/{ => dashboard}/HomeView.vue (100%)
 rename src/views/{ => dashboard}/HomeworkDetailView.vue (100%)
 rename src/views/{ => dashboard}/HomeworkView.vue (100%)
 rename src/views/{ => learning}/PlanView.vue (100%)
 rename src/views/{ => learning}/ProgressView.vue (100%)
 rename src/views/{ => learning}/ResourcesView.vue (100%)
 rename src/views/{ => other}/AboutView.vue (100%)
 rename src/views/{ => profile}/NotificationsView.vue (100%)
 rename src/views/{ => profile}/ProfileView.vue (100%)
 rename src/views/{ => profile}/SettingsView.vue (100%)
 rename src/views/{ => social}/ForumView.vue (100%)

diff --git a/src/App.vue b/src/App.vue
index 7570b50..572373a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <!-- 导航栏 -->
-    <nav class="navbar">
+    <nav class="navbar" :class="{ 'navbar-hidden': isNavbarHidden }">
       <div class="nav-container">
         <div class="nav-brand">
           <span class="brand-text">智慧学习</span>
@@ -61,6 +61,14 @@ import { RouterLink, RouterView } from 'vue-router'
 // 下拉菜单状态
 const isDropdownOpen = ref(false)
 
+// 导航栏隐藏状态
+const isNavbarHidden = ref(false)
+
+// 滚动相关变量
+let lastScrollTop = 0
+let scrollThreshold = 200 // 滚动阈值，超过这个距离才开始隐藏
+let hideThreshold = 100 // 隐藏阈值，滚动超过这个距离时隐藏导航栏
+
 // 切换下拉菜单
 const toggleDropdown = () => {
   isDropdownOpen.value = !isDropdownOpen.value
@@ -79,13 +87,34 @@ const handleClickOutside = (event) => {
   }
 }
 
+// 处理滚动事件
+const handleScroll = () => {
+  const scrollTop = window.pageYOffset || document.documentElement.scrollTop
+  const windowHeight = window.innerHeight
+  const documentHeight = document.documentElement.scrollHeight
+  
+  // 计算页面中心位置
+  const pageCenter = documentHeight / 2
+  
+  // 如果滚动位置超过阈值且接近页面中心，则隐藏导航栏
+  if (scrollTop > scrollThreshold && scrollTop > pageCenter - windowHeight / 2) {
+    isNavbarHidden.value = true
+  } else {
+    isNavbarHidden.value = false
+  }
+  
+  lastScrollTop = scrollTop
+}
+
 // 生命周期钩子
 onMounted(() => {
   document.addEventListener('click', handleClickOutside)
+  window.addEventListener('scroll', handleScroll, { passive: true })
 })
 
 onUnmounted(() => {
   document.removeEventListener('click', handleClickOutside)
+  window.removeEventListener('scroll', handleScroll)
 })
 </script>
 
@@ -105,6 +134,13 @@ onUnmounted(() => {
   backdrop-filter: blur(20px);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   transition: all 0.3s ease;
+  transform: translateY(0);
+}
+
+/* 导航栏隐藏状态 */
+.navbar-hidden {
+  transform: translateY(-100%);
+  opacity: 0;
 }
 
 .nav-container {
@@ -290,41 +326,41 @@ onUnmounted(() => {
     gap: 1rem;
   }
   
+  .nav-link {
+    padding: 0.4rem 0.8rem;
+    font-size: 0.9rem;
+  }
+  
   .brand-text {
-    font-size: 1.25rem;
+    font-size: 1.2rem;
   }
   
   .login-btn {
-    padding: 0.5rem 1rem;
+    padding: 0.6rem 1.2rem;
     font-size: 0.9rem;
   }
+}
+
+@media (max-width: 480px) {
+  .nav-links {
+    display: none;
+  }
+  
+  .nav-container {
+    justify-content: space-between;
+  }
   
   .user-menu {
     gap: 0.5rem;
   }
   
   .dropdown-trigger {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem 0.8rem;
   }
   
-  .dropdown-menu {
-    min-width: 150px;
-  }
-  
-  .dropdown-item {
-    padding: 0.75rem 1rem;
-  }
-}
-
-@media (max-width: 480px) {
-  .nav-links {
-    flex-direction: column;
-    gap: 0.5rem;
-  }
-  
-  .nav-link {
-    padding: 0.25rem 0.75rem;
-    font-size: 0.9rem;
+  .login-btn {
+    padding: 0.5rem 1rem;
+    font-size: 0.8rem;
   }
 }
 </style>
diff --git a/src/router/index.ts b/src/router/index.ts
index de0d2d8..5967c11 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,17 +1,17 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
-import LoginView from '../views/LoginView.vue'
-import RegisterView from '../views/RegisterView.vue'
-import NotificationsView from '../views/NotificationsView.vue'
-import SettingsView from '../views/SettingsView.vue'
-import CourseDetailView from '../views/CourseDetailView.vue'
-import ProgressView from '../views/ProgressView.vue'
-import ExamView from '../views/ExamView.vue'
-import ResourcesView from '../views/ResourcesView.vue'
-import ForumView from '../views/ForumView.vue'
-import PlanView from '../views/PlanView.vue'
-import ProfileView from '../views/ProfileView.vue'
-import HomeworkView from '../views/HomeworkView.vue'
+import HomeView from '../views/dashboard/HomeView.vue'
+import LoginView from '../views/auth/LoginView.vue'
+import RegisterView from '../views/auth/RegisterView.vue'
+import NotificationsView from '../views/profile/NotificationsView.vue'
+import SettingsView from '../views/profile/SettingsView.vue'
+import CourseDetailView from '../views/dashboard/CourseDetailView.vue'
+import ProgressView from '../views/learning/ProgressView.vue'
+import ExamView from '../views/dashboard/ExamView.vue'
+import ResourcesView from '../views/learning/ResourcesView.vue'
+import ForumView from '../views/social/ForumView.vue'
+import PlanView from '../views/learning/PlanView.vue'
+import ProfileView from '../views/profile/ProfileView.vue'
+import HomeworkView from '../views/dashboard/HomeworkView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -24,22 +24,22 @@ const router = createRouter({
     {
       path: '/courses',
       name: 'courses',
-      component: () => import('../views/CoursesView.vue'),
+      component: () => import('../views/dashboard/CoursesView.vue'),
     },
     {
       path: '/profile',
       name: 'profile',
-      component: () => import('../views/ProfileView.vue'),
+      component: () => import('../views/profile/ProfileView.vue'),
     },
     {
       path: '/homework/:id',
       name: 'homework-detail',
-      component: () => import('../views/HomeworkDetailView.vue'),
+      component: () => import('../views/dashboard/HomeworkDetailView.vue'),
     },
     {
       path: '/stats',
       name: 'stats',
-      component: () => import('../views/StatsView.vue'),
+      component: () => import('../views/analytics/StatsView.vue'),
     },
     {
       path: '/about',
@@ -47,7 +47,7 @@ const router = createRouter({
       // route level code-splitting
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue'),
+      component: () => import('../views/other/AboutView.vue'),
     },
     {
       path: '/login',
diff --git a/src/views/README.md b/src/views/README.md
new file mode 100644
index 0000000..e077bf1
--- /dev/null
+++ b/src/views/README.md
@@ -0,0 +1,68 @@
+# Views 目录结构
+
+本项目已将页面按功能分类重新组织，以提高代码的可维护性和可读性。
+
+## 目录结构
+
+```
+src/views/
+├── auth/                    # 认证相关页面
+│   ├── LoginView.vue       # 登录页面
+│   └── RegisterView.vue    # 注册页面
+│
+├── dashboard/              # 主要功能页面
+│   ├── HomeView.vue       # 首页
+│   ├── CoursesView.vue    # 课程列表
+│   ├── CourseDetailView.vue # 课程详情
+│   ├── HomeworkView.vue   # 作业列表
+│   ├── HomeworkDetailView.vue # 作业详情
+│   └── ExamView.vue       # 考试页面
+│
+├── learning/              # 学习管理页面
+│   ├── PlanView.vue       # 学习计划
+│   ├── ProgressView.vue   # 学习进度
+│   └── ResourcesView.vue  # 学习资源
+│
+├── social/                # 社交功能页面
+│   └── ForumView.vue      # 论坛页面
+│
+├── profile/               # 个人中心页面
+│   ├── ProfileView.vue    # 个人资料
+│   ├── SettingsView.vue   # 设置页面
+│   └── NotificationsView.vue # 通知页面
+│
+├── analytics/             # 数据分析页面
+│   └── StatsView.vue      # 统计页面
+│
+└── other/                 # 其他页面
+    └── AboutView.vue      # 关于页面
+```
+
+## 分类说明
+
+### auth/ - 认证相关
+包含用户登录、注册等认证功能的页面。
+
+### dashboard/ - 主要功能
+包含应用的核心功能页面，如首页、课程管理、作业管理等。
+
+### learning/ - 学习管理
+包含学习计划、进度跟踪、资源管理等学习相关的页面。
+
+### social/ - 社交功能
+包含论坛、讨论等社交互动功能的页面。
+
+### profile/ - 个人中心
+包含用户个人资料、设置、通知等个人相关功能的页面。
+
+### analytics/ - 数据分析
+包含统计图表、数据分析等功能的页面。
+
+### other/ - 其他页面
+包含关于页面等其他辅助功能的页面。
+
+## 注意事项
+
+1. 所有路由配置已更新以反映新的文件路径
+2. 请确保在开发时重新启动开发服务器以清除缓存
+3. 如果遇到导入错误，请检查文件路径是否正确 
\ No newline at end of file
diff --git a/src/views/StatsView.vue b/src/views/analytics/StatsView.vue
similarity index 100%
rename from src/views/StatsView.vue
rename to src/views/analytics/StatsView.vue
diff --git a/src/views/LoginView.vue b/src/views/auth/LoginView.vue
similarity index 100%
rename from src/views/LoginView.vue
rename to src/views/auth/LoginView.vue
diff --git a/src/views/RegisterView.vue b/src/views/auth/RegisterView.vue
similarity index 100%
rename from src/views/RegisterView.vue
rename to src/views/auth/RegisterView.vue
diff --git a/src/views/CourseDetailView.vue b/src/views/dashboard/CourseDetailView.vue
similarity index 100%
rename from src/views/CourseDetailView.vue
rename to src/views/dashboard/CourseDetailView.vue
diff --git a/src/views/CoursesView.vue b/src/views/dashboard/CoursesView.vue
similarity index 100%
rename from src/views/CoursesView.vue
rename to src/views/dashboard/CoursesView.vue
diff --git a/src/views/ExamView.vue b/src/views/dashboard/ExamView.vue
similarity index 100%
rename from src/views/ExamView.vue
rename to src/views/dashboard/ExamView.vue
diff --git a/src/views/HomeView.vue b/src/views/dashboard/HomeView.vue
similarity index 100%
rename from src/views/HomeView.vue
rename to src/views/dashboard/HomeView.vue
diff --git a/src/views/HomeworkDetailView.vue b/src/views/dashboard/HomeworkDetailView.vue
similarity index 100%
rename from src/views/HomeworkDetailView.vue
rename to src/views/dashboard/HomeworkDetailView.vue
diff --git a/src/views/HomeworkView.vue b/src/views/dashboard/HomeworkView.vue
similarity index 100%
rename from src/views/HomeworkView.vue
rename to src/views/dashboard/HomeworkView.vue
diff --git a/src/views/PlanView.vue b/src/views/learning/PlanView.vue
similarity index 100%
rename from src/views/PlanView.vue
rename to src/views/learning/PlanView.vue
diff --git a/src/views/ProgressView.vue b/src/views/learning/ProgressView.vue
similarity index 100%
rename from src/views/ProgressView.vue
rename to src/views/learning/ProgressView.vue
diff --git a/src/views/ResourcesView.vue b/src/views/learning/ResourcesView.vue
similarity index 100%
rename from src/views/ResourcesView.vue
rename to src/views/learning/ResourcesView.vue
diff --git a/src/views/AboutView.vue b/src/views/other/AboutView.vue
similarity index 100%
rename from src/views/AboutView.vue
rename to src/views/other/AboutView.vue
diff --git a/src/views/NotificationsView.vue b/src/views/profile/NotificationsView.vue
similarity index 100%
rename from src/views/NotificationsView.vue
rename to src/views/profile/NotificationsView.vue
diff --git a/src/views/ProfileView.vue b/src/views/profile/ProfileView.vue
similarity index 100%
rename from src/views/ProfileView.vue
rename to src/views/profile/ProfileView.vue
diff --git a/src/views/SettingsView.vue b/src/views/profile/SettingsView.vue
similarity index 100%
rename from src/views/SettingsView.vue
rename to src/views/profile/SettingsView.vue
diff --git a/src/views/ForumView.vue b/src/views/social/ForumView.vue
similarity index 100%
rename from src/views/ForumView.vue
rename to src/views/social/ForumView.vue