From 8dba8688a7c07d80ca3ff5df5e84d32e7d18c800 Mon Sep 17 00:00:00 2001 From: CakeCN Date: Mon, 25 Aug 2025 01:14:59 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=95=99=E5=B8=88=E8=AF=BE?= =?UTF-8?q?=E7=A8=8B=E4=BE=A7=E6=BB=91=E6=98=BE=E7=A4=BA=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Html/db/data/user/TCake.json | 25 ++++++++++++++++++++++++- Html/static/css/teacherboard.css | 11 +++++++++-- Html/static/js/teacherboard.js | 5 +++-- Html/templates/teacherboard.html | 2 ++ 4 files changed, 38 insertions(+), 5 deletions(-) diff --git a/Html/db/data/user/TCake.json b/Html/db/data/user/TCake.json index a29d6df..8ddb4a3 100644 --- a/Html/db/data/user/TCake.json +++ b/Html/db/data/user/TCake.json @@ -1 +1,24 @@ -{"user_id": "TCake", "select_course": [], "head_icon": "", "course_process_dict": {}} \ No newline at end of file +{ + "user_id": "TCake", + "select_course": [ + "algorithm" + ], + "head_icon": "", + "course_process_dict": { + "algorithm": { + "lesson_processs": [ + [ + [], + "binary_search" + ], + [ + [], + "L002" + ] + ], + "course_put_in_date": "", + "course_last_study_date": "", + "course_total_study_time": 0 + } + } +} \ No newline at end of file diff --git a/Html/static/css/teacherboard.css b/Html/static/css/teacherboard.css index 4dbe05e..2d3559c 100644 --- a/Html/static/css/teacherboard.css +++ b/Html/static/css/teacherboard.css @@ -48,16 +48,23 @@ } /* 课程目录弹出框 */ + .course-details { position: fixed; top: 0; - right: 0; + right: -400px; width: 300px; height: 100%; background-color: #fff; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1); padding: 20px; - display: none; + transition: right 0.3s ease; + z-index: 9999; + border-radius: 15px; /* 添加圆角 */ +} + +.course-details.open { + right: 0; /* 打开时显示 */ } .details-header { diff --git a/Html/static/js/teacherboard.js b/Html/static/js/teacherboard.js index bbd86e4..9c86c7f 100644 --- a/Html/static/js/teacherboard.js +++ b/Html/static/js/teacherboard.js @@ -21,14 +21,15 @@ function openCourseDetails(courseId) { const courseDetails = document.getElementById('courseDetails'); const courseTitle = document.getElementById('course-title'); courseTitle.textContent = "课程名称: " + courseId; // 假设这里显示课程ID，实际情况应该是课程名称 - courseDetails.style.display = 'block'; + + courseDetails.classList.add('open'); // 获取章节数据并渲染 renderChapters(courseId); } function closeCourseDetails() { - document.getElementById('courseDetails').style.display = 'none'; + document.getElementById('courseDetails').classList.remove('open'); } function renderChapters(courseId) { diff --git a/Html/templates/teacherboard.html b/Html/templates/teacherboard.html index f40f6b8..48a4d58 100644 --- a/Html/templates/teacherboard.html +++ b/Html/templates/teacherboard.html @@ -5,6 +5,8 @@ 教师个人主页 + +