From f152497cab5ed28ea297e3e6357eef74b08e61b2 Mon Sep 17 00:00:00 2001
From: yuk255 <yuk255@qq.com>
Date: Mon, 22 Sep 2025 22:27:17 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/CourseComponents/CourseCategory.vue          |  2 +-
 src/components/admin/CourseManagement.vue              |  5 +++--
 src/views/teacher/AdminDashboard.vue                   | 10 ++++++----
 src/views/teacher/course/CourseEditor.vue              |  2 +-
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/admin/CourseComponents/CourseCategory.vue b/src/components/admin/CourseComponents/CourseCategory.vue
index edef7b4..fb7b709 100644
--- a/src/components/admin/CourseComponents/CourseCategory.vue
+++ b/src/components/admin/CourseComponents/CourseCategory.vue
@@ -461,7 +461,7 @@ onMounted(async () => {
   background-color: #ffffff;
   width: 100%;
   max-width: 100%;
-  height: auto;
+  height: 100%;
   min-height: 1181px;
   margin: 0;
   /* 移除所有边距 */
diff --git a/src/components/admin/CourseManagement.vue b/src/components/admin/CourseManagement.vue
index 489a0eb..6f75260 100644
--- a/src/components/admin/CourseManagement.vue
+++ b/src/components/admin/CourseManagement.vue
@@ -55,9 +55,9 @@
         <!-- 右侧内容区域 -->
         <div class="content-container">
             <!-- 全部课程页面直接显示课程分类组件 -->
-            <div v-if="$route.path === '/teacher/course-management'">
+            <template v-if="$route.path === '/teacher/course-management'">
                 <CourseCategory />
-            </div>
+            </template>
             <!-- 其他子路由内容 -->
             <router-view v-else></router-view>
         </div>
@@ -81,6 +81,7 @@ import CourseCategory from './CourseComponents/CourseCategory.vue'
 <style scoped>
 .course-management-container {
     display: flex;
+    flex: 1;
 }
 
 .nav-container {
diff --git a/src/views/teacher/AdminDashboard.vue b/src/views/teacher/AdminDashboard.vue
index ab4282b..b6b6497 100644
--- a/src/views/teacher/AdminDashboard.vue
+++ b/src/views/teacher/AdminDashboard.vue
@@ -827,7 +827,7 @@ const updateTopImageVisibility = () => {
   const shouldHideTopImage = hideTopImageRoutes.some(routePath =>
     currentPath.includes(routePath)
   );
-  
+
   // 默认隐藏广告，只在特定路由下显示（如果需要的话）
   showTopImage.value = false; // 默认隐藏
   console.log('顶部图片显示状态:', showTopImage.value);
@@ -1022,7 +1022,7 @@ const updateActiveNavItem = () => {
 
 .sidebar-container {
   width: 240px;
-  height: calc(100vh - var(--top-height, 130px));
+  height: calc(100vh - var(--top-height, 130px) - 64px);
   background: #FFFFFF;
   overflow-y: auto;
   /* 隐藏滚动条但保持滚动功能 */
@@ -1250,8 +1250,10 @@ const updateActiveNavItem = () => {
   flex: 1;
   padding: 10px 25px;
   background: #F5F7FA;
-  height: calc(100vh - var(--top-height, 130px));
-  overflow-y: auto;
+  height: calc(100vh - var(--top-height, 130px) - 64px);
+  overflow-y: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 /* 全宽显示（隐藏侧边栏时） */
diff --git a/src/views/teacher/course/CourseEditor.vue b/src/views/teacher/course/CourseEditor.vue
index c96ca9b..2560adb 100644
--- a/src/views/teacher/course/CourseEditor.vue
+++ b/src/views/teacher/course/CourseEditor.vue
@@ -173,7 +173,7 @@ const hideSidebar = computed(() => {
 .course-editor {
   display: flex;
   margin-top: 5px;
-  height: calc(100vh - 180px);
+  height: calc(100vh - 180px + 64px);
   background: #f5f5f5;
   overflow: hidden;
 }