sync

mock/message.js

@@ -1,7 +1,7 @@
 module.exports = [
   // user login
   {
-    url: '/message/page',
+    url: '/messageInfo/page',
     type: 'get',
     response: config => {
       return {

src/styles/variables.scss

@@ -21,7 +21,7 @@ $subMenuHover: #f0f2f5;
 
 $sideBarWidth: 210px;
 $siderBarCollapseWidth: 64px;
-$headerHeight: 0px;
+$headerHeight: 120px;
 
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

src/views/system/index.vue

@@ -188,6 +188,8 @@ export default {
   }
   .system-box {
     width: 100%;
+    padding-left: 20px;
+    background-color: #fff;
   }
   .system-item-box {
     display: flex;