您的访问被拒绝
只有在 NEU小站 完成 校园网或校园邮箱验证 的用户才能访问课程评分系统。
请确保您已完成相关操作，然后重新尝试访问。
@@ -30,7 +21,7 @@
@@ -127,60 +85,76 @@ html, body {
height: 100%;
margin: 0;
padding: 0;
+ background-color: #f5f7fa; /* 浅色背景 */
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
-#app {
+.app-layout {
+ min-height: 100vh;
display: flex;
- height: 100vh;
-}
-
-.sidebar {
- width: 250px;
- background-color: rgb(51,51,51);
- padding: 10px;
- height: 98%;
+ flex-direction: column;
}
.main-content {
- flex-grow: 1;
+ flex: 1;
padding: 20px;
- background-color: white;
- max-width: 98%;
- max-height: 98%;
+ width: 100%;
+ max-width: 1200px;
+ margin: 0 auto;
+ box-sizing: border-box;
}
+/* Forbidden Page Styles */
.forbidden-container {
text-align: center;
- padding: 50px;
+ padding: 50px 20px;
+ display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
+ min-height: 100vh;
}
+.forbidden-title {
+ color: #d9534f;
+ font-size: 2.5rem;
+ margin-bottom: 20px;
+}
+
+.forbidden-text {
+ font-size: 1.25rem;
+ color: #333;
+ margin-bottom: 30px;
+ max-width: 600px;
+}
+
+.forbidden-back-btn {
+ background-color: #5cb85c;
+ color: white;
+ padding: 10px 20px;
+ font-size: 1.1rem;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+.forbidden-back-btn:hover {
+ background-color: #4cae4c;
+}
+
+/* Responsive adjustments for main content */
+@media (max-width: 768px) {
+ .main-content {
+ padding: 15px;
+ }
+
.forbidden-title {
- color: #d9534f;
- font-size: 2.5rem;
- margin-bottom: 20px;
+ font-size: 1.8rem;
}
.forbidden-text {
- font-size: 1.25rem;
- color: #333;
- margin-bottom: 30px;
- }
-
- .forbidden-back-btn {
- background-color: #5cb85c;
- color: white;
- padding: 10px 20px;
- font-size: 1.1rem;
- border: none;
- border-radius: 5px;
- cursor: pointer;
- transition: background-color 0.3s ease;
- }
-
- .forbidden-back-btn:hover {
- background-color: #4cae4c;
+ font-size: 1rem;
}
+}
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
new file mode 100644
index 0000000..f4c2e40
--- /dev/null
+++ b/src/components/NavBar.vue
@@ -0,0 +1,388 @@
+
+
+
+
+
+
+
diff --git a/src/router/index.js b/src/router/index.js
index aae8ee2..bc6ef75 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,6 +5,7 @@ import RatingPage from '../views/RatingPage.vue'
import RatingPageforComp from '../views/RatingPageforComp.vue'
import ChatList from '../views/ChatList.vue'
import AboutPage from '../views/AboutPage.vue'
+import CourseDetail from '../views/CourseDetail.vue'
const routes = [
{
@@ -54,6 +55,14 @@ const routes = [
title: '关于 - NEU小站课程评分系统',
},
component: AboutPage
+ },
+ {
+ path: '/detail/:course_id',
+ name: 'course-detail',
+ meta: {
+ title: '课程详情 - NEU小站课程评分系统',
+ },
+ component: CourseDetail
}
]
diff --git a/src/views/AboutPage.vue b/src/views/AboutPage.vue
index 323ee04..d8b1506 100644
--- a/src/views/AboutPage.vue
+++ b/src/views/AboutPage.vue
@@ -15,6 +15,14 @@
更新日志
+
+
+
v2.0
+
+ - 重构响应式UI，优化移动端用户体验。暂时下线聊天功能。
+
+
v1.1.4
@@ -169,4 +177,17 @@ h2 {
color: #409EFF;
font-weight: bold;
}
+
+@media (max-width: 768px) {
+ .about-container {
+ height: auto;
+ overflow: visible;
+ padding: 10px;
+ }
+
+ .about-page {
+ overflow-y: visible;
+ height: auto;
+ }
+}
\ No newline at end of file
diff --git a/src/views/ChatList.vue b/src/views/ChatList.vue
index 37bf4e2..69d8169 100644
--- a/src/views/ChatList.vue
+++ b/src/views/ChatList.vue
@@ -1,5 +1,5 @@
- 
课程评论
+暂无评论，快来抢沙发吧！
+