fix: 🐛 aside 在出现滚动条之后,错位

aotuzuche · Oct 15, 2020 · 54f1446 · 54f1446
1 parent 71f47c7
commit 54f1446
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/components/aside/style/index.scss b/components/aside/style/index.scss
@@ -9,17 +9,18 @@ $asidePrefix: $prefix + '-aside';
   top: 0;
   left: 0;
   bottom: 0;
-  overflow: auto;
-  overflow-x: hidden;
   background-color: $asideBg;
   z-index: 1;
   height: 100vh;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 
   &-body {
     flex: 1;
     padding-bottom: $asideFooterHeight;
+    overflow-y: auto;
+    overflow-x: hidden;
   }
 
   &-logo {
@@ -53,18 +54,14 @@ $asidePrefix: $prefix + '-aside';
 
   &-footer {
     width: 100%;
-    max-width: 256px;
     border-top: 1px solid #f0f0f0;
     padding: 10px;
-    position: fixed;
-    bottom: 0;
-    left: 0;
     background-color: #fff;
-    z-index: 9;
 
     &-body {
       display: flex;
       align-items: center;
+      margin: 0 auto;
     }
 
     &-img {
@@ -154,6 +151,8 @@ $asidePrefix: $prefix + '-aside';
       align-items: center;
       justify-content: center;
       cursor: pointer;
+      margin: 0 auto;
+
       .#{$asidePrefix}-footer-icon {
         color: #1bc5bd;
         display: block;