style: 页面样式优化
This commit is contained in:
parent
f80fcb7025
commit
f152497cab
@ -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;
|
||||||
/* 移除所有边距 */
|
/* 移除所有边距 */
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 全宽显示(隐藏侧边栏时) */
|
/* 全宽显示(隐藏侧边栏时) */
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user