diff --git a/.claude/settings.local.json b/.claude/settings.local.json index ce6b272..fb68354 100644 --- a/.claude/settings.local.json +++ b/.claude/settings.local.json @@ -46,7 +46,8 @@ "Bash(git branch:*)", "Bash(git clone:*)", "Bash(git restore:*)", - "Bash(git init:*)" + "Bash(git init:*)", + "Bash(pkill:*)" ], "deny": [], "ask": [] diff --git a/src/assets/images/CompanyJobsPage/background.png b/src/assets/images/CompanyJobsPage/background.png new file mode 100644 index 0000000..7692b51 Binary files /dev/null and b/src/assets/images/CompanyJobsPage/background.png differ diff --git a/src/assets/images/CompanyJobsPage/file_icon.png b/src/assets/images/CompanyJobsPage/file_icon.png index 1c6fc77..e4ef85e 100644 Binary files a/src/assets/images/CompanyJobsPage/file_icon.png and b/src/assets/images/CompanyJobsPage/file_icon.png differ diff --git a/src/assets/images/JobStrategyDetailPage/bar_chart.png b/src/assets/images/JobStrategyDetailPage/bar_chart.png index f5b39ee..64a941b 100644 Binary files a/src/assets/images/JobStrategyDetailPage/bar_chart.png and b/src/assets/images/JobStrategyDetailPage/bar_chart.png differ diff --git a/src/assets/images/JobStrategyDetailPage/batch.png b/src/assets/images/JobStrategyDetailPage/batch.png index aa8091d..5c88218 100644 Binary files a/src/assets/images/JobStrategyDetailPage/batch.png and b/src/assets/images/JobStrategyDetailPage/batch.png differ diff --git a/src/assets/images/ResumeInterviewPage/Tag.png b/src/assets/images/ResumeInterviewPage/Tag.png new file mode 100644 index 0000000..81dccee Binary files /dev/null and b/src/assets/images/ResumeInterviewPage/Tag.png differ diff --git a/src/assets/images/ResumeInterviewPage/Tag2.png b/src/assets/images/ResumeInterviewPage/Tag2.png new file mode 100644 index 0000000..0eb4276 Binary files /dev/null and b/src/assets/images/ResumeInterviewPage/Tag2.png differ diff --git a/src/assets/images/ResumeInterviewPage/Tag3.png b/src/assets/images/ResumeInterviewPage/Tag3.png new file mode 100644 index 0000000..505e66f Binary files /dev/null and b/src/assets/images/ResumeInterviewPage/Tag3.png differ diff --git a/src/assets/images/ResumeInterviewPage/icon_1.png b/src/assets/images/ResumeInterviewPage/icon_1.png index 82d2cc6..91a4523 100644 Binary files a/src/assets/images/ResumeInterviewPage/icon_1.png and b/src/assets/images/ResumeInterviewPage/icon_1.png differ diff --git a/src/assets/images/ResumeInterviewPage/icon_2.png b/src/assets/images/ResumeInterviewPage/icon_2.png index db01767..9331e0f 100644 Binary files a/src/assets/images/ResumeInterviewPage/icon_2.png and b/src/assets/images/ResumeInterviewPage/icon_2.png differ diff --git a/src/assets/images/ResumeInterviewPage/question_icon2.png b/src/assets/images/ResumeInterviewPage/question_icon2.png new file mode 100644 index 0000000..23191ae Binary files /dev/null and b/src/assets/images/ResumeInterviewPage/question_icon2.png differ diff --git a/src/components/CourseList/index.css b/src/components/CourseList/index.css index 74807da..2ea3189 100644 --- a/src/components/CourseList/index.css +++ b/src/components/CourseList/index.css @@ -69,31 +69,71 @@ box-sizing: border-box; } - /* 自定义时间轴元素 */ + /* 自定义时间轴元素 - 统一使用CSS样式 */ .time-line-dot-icon { - width: 20px; - height: 20px; - background-image: url("@/assets/images/Common/time_line_dot_icon.png"); - background-size: 100% 100%; + width: 12px; + height: 12px; + background-color: #10b981; + border-radius: 50%; + position: relative; + + &::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 6px; + height: 6px; + background-color: #fff; + border-radius: 50%; + } } .time-line-clock-icon { width: 12px; height: 12px; - background-image: url("@/assets/images/Common/time_line_clock_icon.png"); - background-size: 100% 100%; + background-color: #3b82f6; + border-radius: 50%; + position: relative; + + &::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 6px; + height: 6px; + background-color: #fff; + border-radius: 50%; + } } .time-line-lock-icon { width: 12px; height: 12px; - background-image: url("@/assets/images/Common/time_line_lock_icon.png"); - background-size: 100% 100%; - opacity: 0.5; + background-color: #c9cdd4; + border-radius: 50%; + position: relative; + opacity: 0.6; + + &::before { + content: ""; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 6px; + height: 6px; + background-color: #fff; + border-radius: 50%; + } } .time-line-item { width: 248px; - height: 74px; + min-height: 74px !important; + height: auto !important; background-color: #f2f3f5; border-radius: 8px; position: relative; @@ -101,25 +141,39 @@ padding: 10px; > p { - width: 100%; - height: 22px; + width: calc(100% - 70px) !important; + min-height: 22px !important; + height: auto !important; font-size: 14px; font-weight: 600; line-height: 22px; color: #1d2129; + word-wrap: break-word !important; + word-break: break-word !important; + white-space: normal !important; + overflow-wrap: break-word !important; + display: block !important; + text-overflow: unset !important; + overflow: visible !important; + max-width: none !important; + -webkit-line-clamp: unset !important; + -webkit-box-orient: unset !important; + text-rendering: auto !important; } > .time-line-item-info { margin-top: 10px; width: 100%; - height: 20px; + min-height: 20px; font-size: 12px; font-weight: 400; line-height: 20px; color: #4e5969; display: flex; justify-content: space-between; - align-items: center; + align-items: flex-start; + flex-wrap: wrap; + gap: 5px; } } @@ -225,3 +279,24 @@ } } } + +/* 强制覆盖Arco Timeline文本省略 */ +.course-list .arco-timeline-item-content p { + text-overflow: unset !important; + overflow: visible !important; + white-space: normal !important; + display: block !important; + -webkit-line-clamp: unset !important; + -webkit-box-orient: unset !important; + word-break: break-word !important; + max-width: calc(100% - 70px) !important; +} + +.course-list .time-line-item p { + text-overflow: unset !important; + overflow: visible !important; + white-space: normal !important; + display: block !important; + -webkit-line-clamp: unset !important; + -webkit-box-orient: unset !important; +} \ No newline at end of file diff --git a/src/components/CourseList/index.jsx b/src/components/CourseList/index.jsx index 9baf648..c0095b8 100644 --- a/src/components/CourseList/index.jsx +++ b/src/components/CourseList/index.jsx @@ -147,7 +147,16 @@ const CourseList = ({ className = "", onCourseClick }) => { }} style={{ cursor: 'pointer' }} > -

{course.courseName}

+

{course.courseName}

{course.teacherName} {course.date} diff --git a/src/components/CoursesVideoPlayer/index.jsx b/src/components/CoursesVideoPlayer/index.jsx index a06619a..7fcfb77 100644 --- a/src/components/CoursesVideoPlayer/index.jsx +++ b/src/components/CoursesVideoPlayer/index.jsx @@ -14,7 +14,7 @@ export default ({ className = "", isLock = false, selectedCourse, teacherData, u name: "魏立慧", introduction: "企业资深一线HR,专注于为求职者提供一对一的个性化指导。通过真实招聘视角,深入剖析个人优势与短板、传授面试技巧、规划职业定位与发展路径,帮助学生快速提升求职竞争力。求职策略以实用落地为核心,注重互动交流与角色定位,让学员在轻松氛围中获得直击痛点的求职策略。", specialties: ["深谙用人逻辑", "擅长挖掘优势", "沟通真诚自然", "点评直击要害"], - avatar: "//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp", + avatar: "https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/img/teach_sys_teacher-avatar/recuUpSO4gUtJz.png", type: "企业资深HR" }; @@ -79,16 +79,46 @@ export default ({ className = "", isLock = false, selectedCourse, teacherData, u handleClickBtn(2)}>下一集 >
- {/* 如果没有selectedCourse(公共课直播间)或者selectedCourse.current为true,都播放视频 */} - {!selectedCourse || selectedCourse?.current ? ( - - ) : ( + {/* 所有课程都显示模糊的海报图和锁定状态 */} +
{unitName} - )} +
+ lock + + DEMO演示,非学员无查看权限 + +
+
)} @@ -121,7 +151,7 @@ export default ({ className = "", isLock = false, selectedCourse, teacherData, u
观看 - 3000人 + {selectedCourse ? '197人' : '1928人'}
diff --git a/src/components/Locked/index.css b/src/components/Locked/index.css index 0bf3198..1e67620 100644 --- a/src/components/Locked/index.css +++ b/src/components/Locked/index.css @@ -13,7 +13,7 @@ transform: translate(-50%, -50%); width: 320px; height: 320px; - background-image: url("@/assets/images/Common/lock_bg.png"); + background-image: url("https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/img/teach_sys_icon/recuVOrz2GnJdK.png"); background-size: contain; background-position: center; background-repeat: no-repeat; diff --git a/src/components/Sidebar/index.jsx b/src/components/Sidebar/index.jsx index 4bb3861..3562c4a 100644 --- a/src/components/Sidebar/index.jsx +++ b/src/components/Sidebar/index.jsx @@ -36,7 +36,7 @@ const Sidebar = ({ isCollapsed, setIsCollapsed }) => { avatar {isCollapsed && (
@@ -48,8 +48,8 @@ const Sidebar = ({ isCollapsed, setIsCollapsed }) => {