完整的教务系统前端项目 - 包含所有修复和9月份数据

src/pages/LivePage/index.css

@@ -0,0 +1,13 @@
+.live-page {
+  width: 100%;
+  height: 100%;
+
+  .live-page-content {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}

src/pages/LivePage/index.jsx

@@ -0,0 +1,26 @@
+import { useState } from "react";
+import CoursesVideoPlayer from "@/components/CoursesVideoPlayer";
+import CourseList from "@/components/CourseList";
+import StageProgress from "@/components/StageProgress";
+import { mockData } from "@/data/mockData";
+import "./index.css";
+
+const LivePage = () => {
+  const [selectedCourse, setSelectedCourse] = useState(null);
+
+  const handleCourseClick = (course) => {
+    setSelectedCourse(course);
+  };
+
+  return (
+    <div className="live-page">
+      <StageProgress />
+      <div className="live-page-content">
+        <CoursesVideoPlayer selectedCourse={selectedCourse} teacherData={mockData.teacherData} unitPosters={mockData.unitPosters} />
+        <CourseList onCourseClick={handleCourseClick} />
+      </div>
+    </div>
+  );
+};
+
+export default LivePage;