|
|
@@ -1,7 +1,8 @@
|
|
|
<template>
|
|
|
<el-container :class="classObj" class="app-layout" :style="{ '--current-color': theme }">
|
|
|
<!-- 移动端打开菜单遮罩 -->
|
|
|
- <el-drawer v-if="device === 'mobile'" :size="220" v-model="menuDrawer" :with-header="false" modal-class="sidebar-mobile" direction="ltr">
|
|
|
+ <el-drawer v-if="device === 'mobile'" :size="220" v-model="menuDrawer" :with-header="false"
|
|
|
+ modal-class="sidebar-mobile" direction="ltr">
|
|
|
<sidebar />
|
|
|
</el-drawer>
|
|
|
<sidebar v-else-if="!sidebar.hide" />
|
|
|
@@ -122,6 +123,7 @@ function setLayout() {
|
|
|
.mobile .fixed-header {
|
|
|
width: 100%;
|
|
|
}
|
|
|
+
|
|
|
.app-main {
|
|
|
/* 50= navbar 50 */
|
|
|
// min-height: calc(100vh - 50px);
|
|
|
@@ -130,10 +132,12 @@ function setLayout() {
|
|
|
height: 100%;
|
|
|
overflow-x: hidden;
|
|
|
}
|
|
|
+
|
|
|
.sidebar-mobile {
|
|
|
.el-drawer__body {
|
|
|
padding: 0;
|
|
|
}
|
|
|
+
|
|
|
@media screen and (max-width: 700px) {
|
|
|
.el-drawer {
|
|
|
width: var(--base-sidebar-width) !important;
|
|
|
@@ -145,21 +149,23 @@ function setLayout() {
|
|
|
--el-header-padding: 0 0px !important;
|
|
|
// --el-header-height: 50px !important;
|
|
|
}
|
|
|
+
|
|
|
.el-footer {
|
|
|
--el-footer-height: var(--base-footer-height);
|
|
|
line-height: var(--base-footer-height);
|
|
|
text-align: center;
|
|
|
- color: #ccc;
|
|
|
+ color: #1a1919;
|
|
|
font-size: 14px;
|
|
|
border-top: 1px solid #e7eaec;
|
|
|
letter-spacing: 0.1rem;
|
|
|
}
|
|
|
+
|
|
|
.hasTagsView {
|
|
|
+
|
|
|
// .app-main {
|
|
|
// min-height: calc(100vh - 84px - var(--base-footer-height));
|
|
|
// }
|
|
|
.el-header {
|
|
|
--el-header-height: var(--el-header-height) + var(--el-tags-height) !important;
|
|
|
}
|
|
|
-}
|
|
|
-</style>
|
|
|
+}</style>
|
