diff --git a/src/components/CoursesVideoPlayer/index.jsx b/src/components/CoursesVideoPlayer/index.jsx index d9ed418..23fbaa6 100644 --- a/src/components/CoursesVideoPlayer/index.jsx +++ b/src/components/CoursesVideoPlayer/index.jsx @@ -2,7 +2,7 @@ import { Avatar, Tooltip } from "@arco-design/web-react"; import Locked from "@/components/Locked"; import "./index.css"; -export default ({ className = "", isLock = false, selectedCourse, teacherData, unitPosters, isPublicCourse = false }) => { +export default ({ className = "", isLock = false, selectedCourse, teacherData, unitPosters, isPublicCourse = false, backgroundImage }) => { const handleClickBtn = (item) => { console.log(item); }; @@ -84,8 +84,8 @@ export default ({ className = "", isLock = false, selectedCourse, teacherData, u {isLock ? ( ) : ( <> diff --git a/src/components/LiveSummary/index.css b/src/components/LiveSummary/index.css index 7507b0a..813363a 100644 --- a/src/components/LiveSummary/index.css +++ b/src/components/LiveSummary/index.css @@ -101,19 +101,27 @@ .live-summary-item-content-item { flex-shrink: 0; width: 100%; - height: 46px; + min-height: 32px; + height: auto; box-sizing: border-box; background-color: #f7f8fa; border-radius: 8px; - padding: 0 10px; - line-height: 46px; - font-size: 14px; + padding: 8px 10px; + line-height: 1.5; + font-size: 13px; font-weight: 400; color: #1d2129; text-align: left; - margin-bottom: 10px; + margin-bottom: 8px; cursor: pointer; - flex-shrink: 0; + display: flex; + align-items: center; + transition: all 0.2s ease; + + &:hover { + background-color: #e8f3ff; + transform: translateX(2px); + } } } } diff --git a/src/components/LiveSummary/index.jsx b/src/components/LiveSummary/index.jsx index 32ee36a..0cb6067 100644 --- a/src/components/LiveSummary/index.jsx +++ b/src/components/LiveSummary/index.jsx @@ -10,31 +10,29 @@ const LiveSummary = ({ className = "", showBtn = false, isLiving = true }) => { navigate("/job-strategy-detail"); }; + // 将时间字符串转换为秒数用于排序 + const timeToSeconds = (timeStr) => { + const parts = timeStr.split(':').map(Number); + if (parts.length === 3) { + return parts[0] * 3600 + parts[1] * 60 + parts[2]; + } else if (parts.length === 2) { + return parts[0] * 60 + parts[1]; + } + return 0; + }; + // 按时间排序keyPoints(从早到晚) const sortedPoints = [...jobStrategyNotes.keyPoints].sort((a, b) => { - const timeA = a.time.split(':').map(Number); - const timeB = b.time.split(':').map(Number); - return (timeA[0] * 60 + timeA[1]) - (timeB[0] * 60 + timeB[1]); + return timeToSeconds(a.time) - timeToSeconds(b.time); }); - // 根据type分组排序后的keyPoints - const groupedPoints = sortedPoints.reduce((acc, point) => { - const typeMap = { - strategy: "策略建议", - advice: "专家建议", - technique: "核心技巧", - timeline: "时间规划", - qa: "答疑解惑" - }; - - const groupName = typeMap[point.type] || point.type; - - if (!acc[groupName]) { - acc[groupName] = []; - } - acc[groupName].push(point); - return acc; - }, {}); + // 根据纪要文档的分组结构 + const groupedPoints = { + "策略建议": sortedPoints.filter(p => [1, 2, 3].includes(p.id)), + "求职核心技巧": sortedPoints.filter(p => [4, 5, 6].includes(p.id)), + "面试流程拆解": sortedPoints.filter(p => [7, 8, 9, 10, 11].includes(p.id)), + "个性化策略": sortedPoints.filter(p => [12, 13, 14, 15, 16].includes(p.id)) + }; return (
@@ -42,13 +40,15 @@ const LiveSummary = ({ className = "", showBtn = false, isLiving = true }) => { {jobStrategyNotes.title}