style: 页面样式优化
This commit is contained in:
parent
f80fcb7025
commit
f152497cab
@ -461,7 +461,7 @@ onMounted(async () => {
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
height: 100%;
|
||||
min-height: 1181px;
|
||||
margin: 0;
|
||||
/* 移除所有边距 */
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
/* 全宽显示(隐藏侧边栏时) */
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user