@@ -80,7 +80,7 @@ onBeforeUnmount(() => {
<template>
<div
v-loading="loading"
- :class="['sidebar-container', showLogo ? 'has-logo' : '']"
+ :class="['sidebar-container', showLogo ? 'has-logo' : 'no-logo']"
>
<Logo v-if="showLogo" :collapse="isCollapse" />
<el-scrollbar
@@ -96,16 +96,24 @@
right: 0;
}
- .el-scrollbar {
- height: calc(100% - 44px);
- }
-
&.has-logo {
.el-scrollbar.pc {
/* logo: 48px、leftCollapse: 40px、leftCollapse-shadow: 4px */
height: calc(100% - 92px);
+ /* logo: 48px */
+ .el-scrollbar.mobile {
+ height: calc(100% - 48px);
+ }
+
+ &.no-logo {
+ .el-scrollbar.pc {
+ /* leftCollapse: 40px、leftCollapse-shadow: 4px */
+ height: calc(100% - 44px);
.el-scrollbar.mobile {
height: 100%;