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;
width: 100%;
max-width: 100%;
height: auto;
height: 100%;
min-height: 1181px;
margin: 0;
/* 移除所有边距 */

View File

@ -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 {

View File

@ -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;
}
/* 全宽显示(隐藏侧边栏时) */

View File

@ -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;
}