style: 页面样式优化

This commit is contained in:
yuk255 2025-09-22 22:27:17 +08:00
parent f80fcb7025
commit f152497cab
4 changed files with 11 additions and 8 deletions

View File

@ -461,7 +461,7 @@ onMounted(async () => {
background-color: #ffffff; background-color: #ffffff;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
height: auto; height: 100%;
min-height: 1181px; min-height: 1181px;
margin: 0; margin: 0;
/* 移除所有边距 */ /* 移除所有边距 */

View File

@ -55,9 +55,9 @@
<!-- 右侧内容区域 --> <!-- 右侧内容区域 -->
<div class="content-container"> <div class="content-container">
<!-- 全部课程页面直接显示课程分类组件 --> <!-- 全部课程页面直接显示课程分类组件 -->
<div v-if="$route.path === '/teacher/course-management'"> <template v-if="$route.path === '/teacher/course-management'">
<CourseCategory /> <CourseCategory />
</div> </template>
<!-- 其他子路由内容 --> <!-- 其他子路由内容 -->
<router-view v-else></router-view> <router-view v-else></router-view>
</div> </div>
@ -81,6 +81,7 @@ import CourseCategory from './CourseComponents/CourseCategory.vue'
<style scoped> <style scoped>
.course-management-container { .course-management-container {
display: flex; display: flex;
flex: 1;
} }
.nav-container { .nav-container {

View File

@ -1022,7 +1022,7 @@ const updateActiveNavItem = () => {
.sidebar-container { .sidebar-container {
width: 240px; width: 240px;
height: calc(100vh - var(--top-height, 130px)); height: calc(100vh - var(--top-height, 130px) - 64px);
background: #FFFFFF; background: #FFFFFF;
overflow-y: auto; overflow-y: auto;
/* 隐藏滚动条但保持滚动功能 */ /* 隐藏滚动条但保持滚动功能 */
@ -1250,8 +1250,10 @@ const updateActiveNavItem = () => {
flex: 1; flex: 1;
padding: 10px 25px; padding: 10px 25px;
background: #F5F7FA; background: #F5F7FA;
height: calc(100vh - var(--top-height, 130px)); height: calc(100vh - var(--top-height, 130px) - 64px);
overflow-y: auto; overflow-y: hidden;
display: flex;
flex-direction: column;
} }
/* 全宽显示(隐藏侧边栏时) */ /* 全宽显示(隐藏侧边栏时) */

View File

@ -173,7 +173,7 @@ const hideSidebar = computed(() => {
.course-editor { .course-editor {
display: flex; display: flex;
margin-top: 5px; margin-top: 5px;
height: calc(100vh - 180px); height: calc(100vh - 180px + 64px);
background: #f5f5f5; background: #f5f5f5;
overflow: hidden; overflow: hidden;
} }