优化布局

src/assets/css/main.css

@@ -9,7 +9,7 @@ body,
     width: 100%;
     height: 100%;
     overflow: hidden;
-    /* background: #F0F2F5; */
+    background: #F0F2F5;
 }
 body {
   font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;

src/components/Header.vue

@@ -51,6 +51,11 @@ export default {
     padding-right: 77px;
     background-color: rgba(26, 26, 52, 1);
     box-sizing: border-box;
+
+    position: fixed;
+    top: 0;
+    z-index: 1;
+    width: 100%;
   }
   .header_left{
     color: #E3CA97;

src/components/Home.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="wrapper">
     <v-head :name="data.accountName"></v-head>
-    <div class="bootm">
     <v-sidebar :auth="data.auth"></v-sidebar>
+    <div class="bootm">
+
       <!-- <div> -->
         <div class="content-box">
           <div class="content">
@@ -76,6 +77,7 @@ export default {
 <style scoped>
   .wrapper{
     overflow:auto;
+    position: relative;
     /* overflow: overlay */
   }
   .content-box{
@@ -86,6 +88,7 @@ export default {
     background: #F0F2F5;
     box-sizing: border-box;
     width: 100%;
+    margin-left: 220px;
     /* overflow: auto; */
 
   }

src/components/Sidebar.vue

@@ -201,6 +201,11 @@ export default {
 <style scoped>
   .sidebar_body{
     width: 220px;
+
+    position: fixed;
+    height: 100%;
+    top: 65px;
+    z-index: 99;
     /* height: 100%; */
   }
   .sidebar{