diff --git a/public/banners/考前须知.png b/public/banners/考前须知.png index 6910f4d..06d7a1b 100644 Binary files a/public/banners/考前须知.png and b/public/banners/考前须知.png differ diff --git a/public/images/Help-center/01.jpg b/public/images/Help-center/01.jpg new file mode 100644 index 0000000..946113f Binary files /dev/null and b/public/images/Help-center/01.jpg differ diff --git a/public/images/Help-center/02.jpg b/public/images/Help-center/02.jpg new file mode 100644 index 0000000..aa8f384 Binary files /dev/null and b/public/images/Help-center/02.jpg differ diff --git a/public/images/Teachers/arrowhead.png b/public/images/Teachers/arrowhead.png index 19b3512..5c10750 100644 Binary files a/public/images/Teachers/arrowhead.png and b/public/images/Teachers/arrowhead.png differ diff --git a/public/images/Teachers/excellent-lecturer.png b/public/images/Teachers/excellent-lecturer.png index 5a997a3..06e285e 100644 Binary files a/public/images/Teachers/excellent-lecturer.png and b/public/images/Teachers/excellent-lecturer.png differ diff --git a/public/images/activity/end.png b/public/images/activity/end.png index 26e834f..8c1598e 100644 Binary files a/public/images/activity/end.png and b/public/images/activity/end.png differ diff --git a/public/images/activity/活动报名-切图.png b/public/images/activity/活动报名-切图.png index 5332b25..c8c226a 100644 Binary files a/public/images/activity/活动报名-切图.png and b/public/images/activity/活动报名-切图.png differ diff --git a/public/images/ai/11.jpg b/public/images/ai/11.jpg new file mode 100644 index 0000000..dd96b2c Binary files /dev/null and b/public/images/ai/11.jpg differ diff --git a/public/images/ai/111.png b/public/images/ai/111.png new file mode 100644 index 0000000..7d60a0e Binary files /dev/null and b/public/images/ai/111.png differ diff --git a/public/images/ai/112.png b/public/images/ai/112.png new file mode 100644 index 0000000..37589e3 Binary files /dev/null and b/public/images/ai/112.png differ diff --git a/public/images/ai/113.png b/public/images/ai/113.png new file mode 100644 index 0000000..37589e3 Binary files /dev/null and b/public/images/ai/113.png differ diff --git a/public/images/ai/114.jpg b/public/images/ai/114.jpg new file mode 100644 index 0000000..a6d511f Binary files /dev/null and b/public/images/ai/114.jpg differ diff --git a/public/images/ai/22.jpg b/public/images/ai/22.jpg new file mode 100644 index 0000000..f6e8786 Binary files /dev/null and b/public/images/ai/22.jpg differ diff --git a/public/images/ai/33.jpg b/public/images/ai/33.jpg new file mode 100644 index 0000000..eba9156 Binary files /dev/null and b/public/images/ai/33.jpg differ diff --git a/public/images/ai/44.jpg b/public/images/ai/44.jpg new file mode 100644 index 0000000..d1d73a4 Binary files /dev/null and b/public/images/ai/44.jpg differ diff --git a/public/images/ai/55.jpg b/public/images/ai/55.jpg new file mode 100644 index 0000000..ddd9705 Binary files /dev/null and b/public/images/ai/55.jpg differ diff --git a/public/images/ai/66.png b/public/images/ai/66.png new file mode 100644 index 0000000..e5c570c Binary files /dev/null and b/public/images/ai/66.png differ diff --git a/public/images/ai/77.png b/public/images/ai/77.png new file mode 100644 index 0000000..b87e7dd Binary files /dev/null and b/public/images/ai/77.png differ diff --git a/public/images/ai/88.jpg b/public/images/ai/88.jpg new file mode 100644 index 0000000..d1d73a4 Binary files /dev/null and b/public/images/ai/88.jpg differ diff --git a/public/images/ai/99.png b/public/images/ai/99.png new file mode 100644 index 0000000..b932078 Binary files /dev/null and b/public/images/ai/99.png differ diff --git a/AI体验切图_8.7/AI体验-头图.png b/public/images/ai/AI体验切图_8.7/AI体验-头图.png similarity index 100% rename from AI体验切图_8.7/AI体验-头图.png rename to public/images/ai/AI体验切图_8.7/AI体验-头图.png diff --git a/AI体验切图_8.7/AI体验.png b/public/images/ai/AI体验切图_8.7/AI体验.png similarity index 100% rename from AI体验切图_8.7/AI体验.png rename to public/images/ai/AI体验切图_8.7/AI体验.png diff --git a/AI体验切图_8.7/AI封面.png b/public/images/ai/AI体验切图_8.7/AI封面.png similarity index 100% rename from AI体验切图_8.7/AI封面.png rename to public/images/ai/AI体验切图_8.7/AI封面.png diff --git a/AI体验切图_8.7/互动体验1.png b/public/images/ai/AI体验切图_8.7/互动体验1.png similarity index 100% rename from AI体验切图_8.7/互动体验1.png rename to public/images/ai/AI体验切图_8.7/互动体验1.png diff --git a/AI体验切图_8.7/互动体验2.png b/public/images/ai/AI体验切图_8.7/互动体验2.png similarity index 100% rename from AI体验切图_8.7/互动体验2.png rename to public/images/ai/AI体验切图_8.7/互动体验2.png diff --git a/AI体验切图_8.7/内容创作1.png b/public/images/ai/AI体验切图_8.7/内容创作1.png similarity index 100% rename from AI体验切图_8.7/内容创作1.png rename to public/images/ai/AI体验切图_8.7/内容创作1.png diff --git a/AI体验切图_8.7/内容创作2.png b/public/images/ai/AI体验切图_8.7/内容创作2.png similarity index 100% rename from AI体验切图_8.7/内容创作2.png rename to public/images/ai/AI体验切图_8.7/内容创作2.png diff --git a/AI体验切图_8.7/原理解释1.png b/public/images/ai/AI体验切图_8.7/原理解释1.png similarity index 100% rename from AI体验切图_8.7/原理解释1.png rename to public/images/ai/AI体验切图_8.7/原理解释1.png diff --git a/AI体验切图_8.7/原理解释2.png b/public/images/ai/AI体验切图_8.7/原理解释2.png similarity index 100% rename from AI体验切图_8.7/原理解释2.png rename to public/images/ai/AI体验切图_8.7/原理解释2.png diff --git a/AI体验切图_8.7/图像识别1.png b/public/images/ai/AI体验切图_8.7/图像识别1.png similarity index 100% rename from AI体验切图_8.7/图像识别1.png rename to public/images/ai/AI体验切图_8.7/图像识别1.png diff --git a/AI体验切图_8.7/图像识别2.png b/public/images/ai/AI体验切图_8.7/图像识别2.png similarity index 100% rename from AI体验切图_8.7/图像识别2.png rename to public/images/ai/AI体验切图_8.7/图像识别2.png diff --git a/AI体验切图_8.7/在线编程1.png b/public/images/ai/AI体验切图_8.7/在线编程1.png similarity index 100% rename from AI体验切图_8.7/在线编程1.png rename to public/images/ai/AI体验切图_8.7/在线编程1.png diff --git a/AI体验切图_8.7/在线编程2.png b/public/images/ai/AI体验切图_8.7/在线编程2.png similarity index 100% rename from AI体验切图_8.7/在线编程2.png rename to public/images/ai/AI体验切图_8.7/在线编程2.png diff --git a/AI体验切图_8.7/在线训练1.png b/public/images/ai/AI体验切图_8.7/在线训练1.png similarity index 100% rename from AI体验切图_8.7/在线训练1.png rename to public/images/ai/AI体验切图_8.7/在线训练1.png diff --git a/AI体验切图_8.7/在线训练2.png b/public/images/ai/AI体验切图_8.7/在线训练2.png similarity index 100% rename from AI体验切图_8.7/在线训练2.png rename to public/images/ai/AI体验切图_8.7/在线训练2.png diff --git a/AI体验切图_8.7/声音识别1.png b/public/images/ai/AI体验切图_8.7/声音识别1.png similarity index 100% rename from AI体验切图_8.7/声音识别1.png rename to public/images/ai/AI体验切图_8.7/声音识别1.png diff --git a/AI体验切图_8.7/声音识别2.png b/public/images/ai/AI体验切图_8.7/声音识别2.png similarity index 100% rename from AI体验切图_8.7/声音识别2.png rename to public/images/ai/AI体验切图_8.7/声音识别2.png diff --git a/AI体验切图_8.7/大语言模型1.png b/public/images/ai/AI体验切图_8.7/大语言模型1.png similarity index 100% rename from AI体验切图_8.7/大语言模型1.png rename to public/images/ai/AI体验切图_8.7/大语言模型1.png diff --git a/AI体验切图_8.7/大语言模型2.png b/public/images/ai/AI体验切图_8.7/大语言模型2.png similarity index 100% rename from AI体验切图_8.7/大语言模型2.png rename to public/images/ai/AI体验切图_8.7/大语言模型2.png diff --git a/AI体验切图_8.7/学科能力1.png b/public/images/ai/AI体验切图_8.7/学科能力1.png similarity index 100% rename from AI体验切图_8.7/学科能力1.png rename to public/images/ai/AI体验切图_8.7/学科能力1.png diff --git a/AI体验切图_8.7/学科能力2.png b/public/images/ai/AI体验切图_8.7/学科能力2.png similarity index 100% rename from AI体验切图_8.7/学科能力2.png rename to public/images/ai/AI体验切图_8.7/学科能力2.png diff --git a/AI体验切图_8.7/星星.png b/public/images/ai/AI体验切图_8.7/星星.png similarity index 100% rename from AI体验切图_8.7/星星.png rename to public/images/ai/AI体验切图_8.7/星星.png diff --git a/AI体验切图_8.7/特征提取1.png b/public/images/ai/AI体验切图_8.7/特征提取1.png similarity index 100% rename from AI体验切图_8.7/特征提取1.png rename to public/images/ai/AI体验切图_8.7/特征提取1.png diff --git a/AI体验切图_8.7/特征提取2.png b/public/images/ai/AI体验切图_8.7/特征提取2.png similarity index 100% rename from AI体验切图_8.7/特征提取2.png rename to public/images/ai/AI体验切图_8.7/特征提取2.png diff --git a/AI体验切图_8.7/生成式AI1.png b/public/images/ai/AI体验切图_8.7/生成式AI1.png similarity index 100% rename from AI体验切图_8.7/生成式AI1.png rename to public/images/ai/AI体验切图_8.7/生成式AI1.png diff --git a/AI体验切图_8.7/生成式AI2.png b/public/images/ai/AI体验切图_8.7/生成式AI2.png similarity index 100% rename from AI体验切图_8.7/生成式AI2.png rename to public/images/ai/AI体验切图_8.7/生成式AI2.png diff --git a/AI体验切图_8.7/神经网络1.png b/public/images/ai/AI体验切图_8.7/神经网络1.png similarity index 100% rename from AI体验切图_8.7/神经网络1.png rename to public/images/ai/AI体验切图_8.7/神经网络1.png diff --git a/AI体验切图_8.7/神经网络2.png b/public/images/ai/AI体验切图_8.7/神经网络2.png similarity index 100% rename from AI体验切图_8.7/神经网络2.png rename to public/images/ai/AI体验切图_8.7/神经网络2.png diff --git a/AI体验切图_8.7/科普知识封面1.png b/public/images/ai/AI体验切图_8.7/科普知识封面1.png similarity index 100% rename from AI体验切图_8.7/科普知识封面1.png rename to public/images/ai/AI体验切图_8.7/科普知识封面1.png diff --git a/AI体验切图_8.7/科普知识封面2.png b/public/images/ai/AI体验切图_8.7/科普知识封面2.png similarity index 100% rename from AI体验切图_8.7/科普知识封面2.png rename to public/images/ai/AI体验切图_8.7/科普知识封面2.png diff --git a/AI体验切图_8.7/科普知识封面3.png b/public/images/ai/AI体验切图_8.7/科普知识封面3.png similarity index 100% rename from AI体验切图_8.7/科普知识封面3.png rename to public/images/ai/AI体验切图_8.7/科普知识封面3.png diff --git a/AI体验切图_8.7/科普知识封面4.png b/public/images/ai/AI体验切图_8.7/科普知识封面4.png similarity index 100% rename from AI体验切图_8.7/科普知识封面4.png rename to public/images/ai/AI体验切图_8.7/科普知识封面4.png diff --git a/AI体验切图_8.7/经典技术1.png b/public/images/ai/AI体验切图_8.7/经典技术1.png similarity index 100% rename from AI体验切图_8.7/经典技术1.png rename to public/images/ai/AI体验切图_8.7/经典技术1.png diff --git a/AI体验切图_8.7/经典技术2.png b/public/images/ai/AI体验切图_8.7/经典技术2.png similarity index 100% rename from AI体验切图_8.7/经典技术2.png rename to public/images/ai/AI体验切图_8.7/经典技术2.png diff --git a/public/images/ai/ai-bg.png b/public/images/ai/ai-bg.png new file mode 100644 index 0000000..75ba35c Binary files /dev/null and b/public/images/ai/ai-bg.png differ diff --git a/public/images/courses/download-enroll.png b/public/images/courses/download-enroll.png new file mode 100644 index 0000000..5638948 Binary files /dev/null and b/public/images/courses/download-enroll.png differ diff --git a/public/images/courses/download.png b/public/images/courses/download.png new file mode 100644 index 0000000..6782694 Binary files /dev/null and b/public/images/courses/download.png differ diff --git a/public/images/courses/examination-enroll.png b/public/images/courses/examination-enroll.png new file mode 100644 index 0000000..2c78959 Binary files /dev/null and b/public/images/courses/examination-enroll.png differ diff --git a/public/images/courses/examination.png b/public/images/courses/examination.png new file mode 100644 index 0000000..9268000 Binary files /dev/null and b/public/images/courses/examination.png differ diff --git a/public/images/courses/homework-enroll.png b/public/images/courses/homework-enroll.png new file mode 100644 index 0000000..9ad2c19 Binary files /dev/null and b/public/images/courses/homework-enroll.png differ diff --git a/public/images/courses/homework.png b/public/images/courses/homework.png new file mode 100644 index 0000000..bdd6f3f Binary files /dev/null and b/public/images/courses/homework.png differ diff --git a/public/images/courses/note.png b/public/images/courses/note.png index 2b883f5..136d01b 100644 Binary files a/public/images/courses/note.png and b/public/images/courses/note.png differ diff --git a/public/images/courses/video-enroll.png b/public/images/courses/video-enroll.png new file mode 100644 index 0000000..69624e9 Binary files /dev/null and b/public/images/courses/video-enroll.png differ diff --git a/public/images/courses/video.png b/public/images/courses/video.png new file mode 100644 index 0000000..10ddd21 Binary files /dev/null and b/public/images/courses/video.png differ diff --git a/public/images/courses/底部交互区1.png b/public/images/courses/底部交互区1.png index d0ae3d4..ae1dd6b 100644 Binary files a/public/images/courses/底部交互区1.png and b/public/images/courses/底部交互区1.png differ diff --git a/public/images/courses/底部交互区2.png b/public/images/courses/底部交互区2.png index aceeaab..2896052 100644 Binary files a/public/images/courses/底部交互区2.png and b/public/images/courses/底部交互区2.png differ diff --git a/public/images/courses/底部交互区3.png b/public/images/courses/底部交互区3.png index 9db3009..419a67b 100644 Binary files a/public/images/courses/底部交互区3.png and b/public/images/courses/底部交互区3.png differ diff --git a/public/images/courses/课程总时长.png b/public/images/courses/课程总时长.png index cb4ed43..586abcc 100644 Binary files a/public/images/courses/课程总时长.png and b/public/images/courses/课程总时长.png differ diff --git a/public/images/courses/课程总章数.png b/public/images/courses/课程总章数.png index 6e2b409..5cb3031 100644 Binary files a/public/images/courses/课程总章数.png and b/public/images/courses/课程总章数.png differ diff --git a/public/images/special/attend.png b/public/images/special/attend.png index c89368f..1e7dd98 100644 Binary files a/public/images/special/attend.png and b/public/images/special/attend.png differ diff --git a/src/App.vue b/src/App.vue index 371fc0f..e036990 100644 --- a/src/App.vue +++ b/src/App.vue @@ -79,7 +79,7 @@ body { /* 响应式容器 */ .container { width: 100%; - max-width: 1400px; + max-width: 1420px; margin: 0 auto; padding: 0 20px; } diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue index f0c6716..882c2d3 100644 --- a/src/components/layout/AppHeader.vue +++ b/src/components/layout/AppHeader.vue @@ -36,7 +36,7 @@ @@ -357,7 +357,7 @@ onUnmounted(() => { font-size: 14px; font-weight: 400; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; - color: #333; + color: #000; cursor: pointer; transition: all 0.2s; white-space: nowrap; @@ -387,16 +387,39 @@ onUnmounted(() => { /* AI导航项 */ .nav-item:nth-child(7) { - width: 50px; - height: 40px; + /* width: 50px; + height: 40px; */ + background-image: url('/images/ai/ai-bg.png'); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + +} + +.nav-item.active .nav-item-ai { + background: linear-gradient(90deg, #0FAAFF, #79DEFF); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + -webkit-text-fill-color: transparent; + font-weight: bold; +} + +.nav-item-ai:hover { + background: linear-gradient(90deg, #0FAAFF, #79DEFF); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + -webkit-text-fill-color: transparent; + font-weight: bold; } .nav-item:hover { - color: #1890ff; + color: #0084CD; } .nav-item.active { - color: #1890ff; + color: #0084CD; font-weight: 400; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; position: relative; @@ -410,7 +433,7 @@ onUnmounted(() => { transform: translateX(-50%); width: 30px; height: 2px; - background-color: #1890ff; + background-color: #0084CD; border-radius: 1px; } @@ -623,6 +646,7 @@ onUnmounted(() => { white-space: nowrap; } + /* 大屏幕 */ @media (min-width: 1200px) { .header-container { diff --git a/src/data/mockCourses.ts b/src/data/mockCourses.ts index 51e99d2..8a7a541 100644 --- a/src/data/mockCourses.ts +++ b/src/data/mockCourses.ts @@ -6,7 +6,8 @@ export const mockCourses: Course[] = [ "id": 1, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "/images/home/1.png", + "thumbnail": "/images/courses/course-activities5.png", + "price": 99, "originalPrice": 199, "currency": "CNY", @@ -47,7 +48,7 @@ export const mockCourses: Course[] = [ "id": 2, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "/images/home/2.png", + "thumbnail": "/images/courses/course-activities4.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -88,7 +89,7 @@ export const mockCourses: Course[] = [ "id": 3, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "/images/home/3.png", + "thumbnail": "/images/courses/course-activities3.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -129,7 +130,7 @@ export const mockCourses: Course[] = [ "id": 4, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "/images/home/4.png", + "thumbnail": "/images/courses/course5.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -170,7 +171,7 @@ export const mockCourses: Course[] = [ "id": 5, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPng93688065965c55f15f75657fe9660d6040b466e6a1a98664409f17eff744c088", + "thumbnail": "/images/courses/course-activities1.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -211,7 +212,7 @@ export const mockCourses: Course[] = [ "id": 6, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPng8772d4ad1b8a119933c290df89c1d46e062df72ae405e889f1ddcfbe4e11c91d", + "thumbnail": "/images/courses/course-activities5.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -252,7 +253,7 @@ export const mockCourses: Course[] = [ "id": 7, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPnga1957310d225f55ef8df00a464930dc3aeb381291c365f8b6cfd14b1b8df36c5", + "thumbnail": "/images/courses/course-activities4.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -293,7 +294,7 @@ export const mockCourses: Course[] = [ "id": 8, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPnga1957310d225f55ef8df00a464930dc3aeb381291c365f8b6cfd14b1b8df36c5", + "thumbnail": "/images/courses/course-activities4.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -334,7 +335,7 @@ export const mockCourses: Course[] = [ "id": 9, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPng8772d4ad1b8a119933c290df89c1d46e062df72ae405e889f1ddcfbe4e11c91d", + "thumbnail": "/images/courses/course-activities5.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -375,7 +376,7 @@ export const mockCourses: Course[] = [ "id": 10, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPnga1957310d225f55ef8df00a464930dc3aeb381291c365f8b6cfd14b1b8df36c5", + "thumbnail": "/images/courses/course-activities4.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -416,7 +417,7 @@ export const mockCourses: Course[] = [ "id": 11, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPng8772d4ad1b8a119933c290df89c1d46e062df72ae405e889f1ddcfbe4e11c91d", + "thumbnail": "/images/courses/course-activities5.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -457,7 +458,7 @@ export const mockCourses: Course[] = [ "id": 12, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPnga1957310d225f55ef8df00a464930dc3aeb381291c365f8b6cfd14b1b8df36c5", + "thumbnail": "/images/courses/course-activities4.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -498,7 +499,7 @@ export const mockCourses: Course[] = [ "id": 13, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPnga1957310d225f55ef8df00a464930dc3aeb381291c365f8b6cfd14b1b8df36c5", + "thumbnail": "/images/courses/course-activities4.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -539,7 +540,7 @@ export const mockCourses: Course[] = [ "id": 14, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPng8772d4ad1b8a119933c290df89c1d46e062df72ae405e889f1ddcfbe4e11c91d", + "thumbnail": "/images/courses/course-activities5.png", "price": 99, "originalPrice": 199, "currency": "CNY", @@ -580,7 +581,7 @@ export const mockCourses: Course[] = [ "id": 15, "title": "暑期名师领学,提高班级教学质量!高效冲分指南", "description": "本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。", - "thumbnail": "https://lanhu-oss-proxy.lanhuapp.com/SketchPnga1957310d225f55ef8df00a464930dc3aeb381291c365f8b6cfd14b1b8df36c5", + "thumbnail": "/images/courses/course-activities4.png", "price": 99, "originalPrice": 199, "currency": "CNY", diff --git a/src/views/Activities.vue b/src/views/Activities.vue index f8d806a..dc30ca0 100644 --- a/src/views/Activities.vue +++ b/src/views/Activities.vue @@ -266,7 +266,7 @@ onMounted(() => { .container { margin: 0 auto; - padding: 0 20px; + /* padding: 0 20px; */ } /* 主要内容区域 */ diff --git a/src/views/ActivityDetail.vue b/src/views/ActivityDetail.vue index 158e955..d1d60b6 100644 --- a/src/views/ActivityDetail.vue +++ b/src/views/ActivityDetail.vue @@ -18,6 +18,15 @@ +
+

“与AI共创未来”

+

2025年全国青少年人工智能创新实践活动

+
+

【主办单位】中国科协青少年科技中心、中国青少年科技教育工作者协会、上海人工智能创新中心、上海市科协

+

【支持单位】中国公众科学素质促进联合体

+

【协办单位】各省级青少年科技教育活动部门单位、上海市科协科学教育中心

+
+
@@ -207,7 +216,8 @@
- +
@@ -342,7 +352,7 @@ onMounted(() => { } .breadcrumb-item { - color: #007bff; + color: #333; text-decoration: none; } @@ -368,9 +378,50 @@ onMounted(() => { overflow: hidden; } +.hero-content { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 100px; +} + +.hero-content h2 { + font-family: AlimamaShuHeiTi, AlimamaShuHeiTi, '黑体'; + font-weight: bold; + font-size: 48px; + color: #FFFFFF; + line-height: 57px; + text-align: justify; + font-style: normal; +} + +.hero-content .hero-content-description { + margin-top: 12px; + margin-bottom: 40px; + font-family: PingFangSC, PingFang SC; + font-weight: 500; + font-size: 32px; + color: #FFFFFF; + line-height: 45px; + text-align: justify; + font-style: normal; +} + +.hero-content div p { + margin-bottom: 2px; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 14px; + color: #FFFFFF; + line-height: 20px; + text-align: justify; + font-style: normal; + text-transform: none; +} + .banner-image-container { width: 100%; - height: 400px; + /* height: 400px; */ position: relative; display: flex; align-items: center; @@ -473,19 +524,20 @@ onMounted(() => { /* 主要内容 */ .main-content { - padding: 40px 0; + padding: 30px 0 40px 0; } .container { - width: 1420px; - margin: 0 auto; - padding: 0; + width: 1420px !important; + margin: 0 auto !important; + padding: 0 !important; } /* 主内容区域的容器 - 居中显示,左右边距相等 */ .main-content .container { - max-width: 1420px; - margin: 0 auto; + width: 1420px !important; + margin: 0 auto !important; + padding: 0 !important; } .section-title { @@ -511,6 +563,12 @@ onMounted(() => { margin-bottom: 30px; } +.activity-intro .section-title { + margin-bottom: 20px; + justify-content: center; + font-size: 36px; +} + .intro-content { width: 1240px; margin: 0 auto 40px; diff --git a/src/views/ActivityRegistration.vue b/src/views/ActivityRegistration.vue index 41a8bda..f336bf7 100644 --- a/src/views/ActivityRegistration.vue +++ b/src/views/ActivityRegistration.vue @@ -18,6 +18,15 @@ +
+

“与AI共创未来”

+

2025年全国青少年人工智能创新实践活动

+
+

【主办单位】中国科协青少年科技中心、中国青少年科技教育工作者协会、上海人工智能创新中心、上海市科协

+

【支持单位】中国公众科学素质促进联合体

+

【协办单位】各省级青少年科技教育活动部门单位、上海市科协科学教育中心

+
+
@@ -232,7 +241,7 @@ const handleSubmit = async () => { } .breadcrumb-item { - color: #1890ff; + color: #333; text-decoration: none; } @@ -246,11 +255,53 @@ const handleSubmit = async () => { /* 活动横幅区域 */ .hero-banner { - width: 100%; + margin: auto; + width: 1420px; position: relative; overflow: hidden; } +.hero-content { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 100px; +} + +.hero-content h2 { + font-family: AlimamaShuHeiTi, AlimamaShuHeiTi, '黑体'; + font-weight: bold; + font-size: 48px; + color: #FFFFFF; + line-height: 57px; + text-align: justify; + font-style: normal; +} + +.hero-content .hero-content-description { + margin-top: 12px; + margin-bottom: 40px; + font-family: PingFangSC, PingFang SC; + font-weight: 500; + font-size: 32px; + color: #FFFFFF; + line-height: 45px; + text-align: justify; + font-style: normal; +} + +.hero-content div p { + margin-bottom: 2px; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 14px; + color: #FFFFFF; + line-height: 20px; + text-align: justify; + font-style: normal; + text-transform: none; +} + .banner-image-container { margin: auto; width: 1420px; diff --git a/src/views/Ai.vue b/src/views/Ai.vue index 7583815..79d304f 100644 --- a/src/views/Ai.vue +++ b/src/views/Ai.vue @@ -10,36 +10,41 @@ 实验方向 最新 最热 难度等级 - +
- + 经典技术 手势分类
- +
- + 在线训练
- +
- + 神经网络
- +
- + 特征提取
- +
@@ -47,31 +52,36 @@
- + 原理解释
姿态识别
- +
- + 大语言模型
- +
- + 声音识别
- +
- + 图像识别
- +
- + 生成式AI
@@ -87,7 +97,7 @@ 需消耗20智点
- + 立即体验
@@ -104,7 +114,8 @@ 还剩3次体验机会
- + 立即体验
@@ -113,22 +124,25 @@
- +
- + 学科能力
- +
- + 内容创作
- +
- + 互动体验
- +
@@ -139,12 +153,14 @@
- + 积分不足,需消耗29智点
- + 立即体验
@@ -159,12 +175,14 @@
- + 积分不足,需消耗29智点
- + 立即体验
@@ -179,12 +197,14 @@
- + 积分不足,需消耗29智点
- + 立即体验
@@ -192,7 +212,8 @@
- + 在线编程
AI知识科普 @@ -302,7 +323,7 @@ function setBlockIcon(el: Element, title: string, isSelected: boolean) { const base = ICON_MAP[title] if (!img || !base) return const idx = isSelected ? '2' : '1' - const src = `./AI体验切图_8.7/${base}${idx}.png` + const src = `/images/ai/AI体验切图_8.7/${base}${idx}.png` if (img.getAttribute('src') !== src) img.setAttribute('src', src) } @@ -396,2402 +417,2400 @@ onMounted(() => { const savedTop = parseInt(localStorage.getItem('lastScrollTop') || '0') if (!isNaN(savedTop) && savedTop > 0) window.scrollTo(0, savedTop) }) - + \ No newline at end of file diff --git a/src/views/CourseDetail.vue b/src/views/CourseDetail.vue index dae1513..de32a04 100644 --- a/src/views/CourseDetail.vue +++ b/src/views/CourseDetail.vue @@ -121,7 +121,7 @@ 共{{ totalLessons }}章{{ totalSections }}节 - | + {{ formatTotalDuration() }} @@ -134,7 +134,7 @@

{{ course.description || '本课程深度聚焦问题,让每一位教师了解并学习使用DeepSeek,结合办公自动化职业岗位标准,以实际工作任务为引导,强调课程内容的易用性和岗位要求的匹配性。课程内容与全国计算机等级考试、"1+X"WPS办公应用职业技能等级证书,技能大赛紧密结合,课程设置紧密对应实际全面共享,可为职业工作人员、在校学生、创行教师提供服务与学习支持。' - }}

+ }}

@@ -281,7 +281,7 @@
{{ section.name - }} + }}
- - - - + + 视频 - + - - +
@@ -898,7 +879,20 @@ const formatLessonDuration = (section: CourseSection): string => { // 判断是否为视频课时 const isVideoLesson = (section: CourseSection): boolean => { - return !!(section.outline && section.outline.includes('.m3u8')) + + + if (!section.outline && getLessonTypeText(section) != '考试') { + return true + } + console.log(section.outline) + // 检查常见视频格式扩展名 + return !!(section.outline && ( + section.outline.includes('.m3u8') || + section.outline.includes('.mp4') || + section.outline.includes('.avi') || + section.outline.includes('.mov') || + section.outline.includes('.wmv') + )) || section.name.includes('视频') } // 判断是否为资料课时 @@ -1066,11 +1060,14 @@ const confirmEnrollment = async () => { enrollConfirmVisible.value = false enrollSuccessVisible.value = true - // 2秒后跳转到已报名状态的课程详情页面 + // 2秒后跳转到已报名状态的课程详情页面并刷新 setTimeout(() => { enrollSuccessVisible.value = false // 跳转到已报名状态页面 - router.push(`/course/${courseId.value}/enrolled`) + router.push(`/course/${courseId.value}/enrolled`).then(() => { + // 手动刷新页面 + window.location.reload(); + }) }, 2000) } catch (error) { @@ -1369,7 +1366,7 @@ onMounted(() => { } .course-stats-info .stats-item { - color: rgba(255, 255, 255, 0.85); + color: #999999; display: flex; align-items: center; gap: 6px; @@ -1616,8 +1613,8 @@ onMounted(() => { } .icon-note { - width: 18px; - height: 18px; + width: 18px !important; + height: 18px !important; background-image: url('/images/courses/note.png'); background-size: contain; background-repeat: no-repeat; @@ -1631,7 +1628,7 @@ onMounted(() => { .icon-notes { width: 32px; height: 32px; - background-image: url('/images/courses/底部交互区4.png'); + background-image: url('/images/courses/底部交互区3.png'); background-size: contain; background-repeat: no-repeat; background-position: center; @@ -1675,7 +1672,6 @@ onMounted(() => { .course-meta { display: flex; flex-direction: column; - padding-bottom: 16px; } .meta-row { @@ -1700,12 +1696,12 @@ onMounted(() => { color: #999999; display: flex; align-items: center; - gap: 4px; + gap: 3px; } .meta-separator { color: #d9d9d9; - margin: 0 4px; + width: 20px; } .category-link { @@ -1721,8 +1717,8 @@ onMounted(() => { .icon-time, .icon-duration, .icon-note { - width: 16px; - height: 16px; + width: 14px; + height: 14px; display: inline-block; } @@ -1733,13 +1729,13 @@ onMounted(() => { border: none; padding: 6px 12px; border-radius: 4px; - font-size: 14px; + font-size: 16px; color: #000; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; - gap: 4px; + gap: 2px; } .btn-notes:hover { @@ -2212,10 +2208,6 @@ onMounted(() => { color: #d9d9d9 !important; } -.completion-icon.disabled { - opacity: 0.5; -} - .lesson-meta { display: flex; justify-content: flex-end; @@ -2274,29 +2266,35 @@ onMounted(() => { background: #f0f0f0; } -.video-btn svg { +.video-btn svg, +.video-btn img { color: #1890ff; + display: inline-block; + vertical-align: middle; } -.download-btn svg { +.download-btn svg, +.download-btn img { color: #52c41a; + display: inline-block; + vertical-align: middle; } -.edit-btn svg { +.edit-btn svg, +.edit-btn img { color: #1890ff; + display: inline-block; + vertical-align: middle; } -.exam-btn svg { +.exam-btn svg, +.exam-btn img { color: #1890ff; + display: inline-block; + vertical-align: middle; } /* 完成状态图标 */ -.completion-icon { - display: flex; - align-items: center; - justify-content: center; -} - .lesson-title { font-size: 13px; color: #333; @@ -2720,7 +2718,7 @@ onMounted(() => { position: absolute; top: 50%; width: 34%; - height: 2px; + height: 1px; background-color: #E1E1E1; ; } diff --git a/src/views/CourseDetailEnrolled.vue b/src/views/CourseDetailEnrolled.vue index e1b67c7..7167401 100644 --- a/src/views/CourseDetailEnrolled.vue +++ b/src/views/CourseDetailEnrolled.vue @@ -35,17 +35,15 @@
-
+
-
+
- - + +

请选择要播放的视频课程

@@ -54,34 +52,34 @@
-
-
- - -
+
+
+ + +
- - - -
-
-
- - + + + +
+
+
+ + +
-
@@ -108,7 +106,7 @@ 共{{ totalLessons }}章{{ totalSections }}节 - | + {{ formatTotalDuration() }} @@ -209,13 +207,8 @@ - +

正在加载章节列表...

@@ -247,11 +240,12 @@
- 第{{ getChapterNumber(chapterIndex + 1) }}章 {{ chapter.title }} + 第{{ getChapterNumber(chapterIndex + 1) }}章 {{ chapter.title + }}
- +
@@ -266,41 +260,29 @@ {{ section.name }}
- {{ formatLessonDuration(section) }} + {{ + formatLessonDuration(section) }}
- - - - - +