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

2025-08-25 01:14:59 +08:00
parent 4ec5745086
commit 8dba8688a7
4 changed files with 38 additions and 5 deletions
--- 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 {