修改教师课程侧滑显示动画

2025-08-25 01:14:59 +08:00
parent 4ec5745086
commit 8dba8688a7
4 changed files with 38 additions and 5 deletions
--- 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": {}}
+{
+    "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
+        }
+    }
+}
--- 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 {
--- 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) {
--- a/Html/templates/teacherboard.html
+++ b/Html/templates/teacherboard.html
@@ -5,6 +5,8 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>教师个人主页</title>
    <link rel="stylesheet" href="/static/css/teacherboard.css">
+    <link rel="stylesheet" href="/static/css/dashboard.css">
+    
 </head>
 <body>