他人信息+用户快捷入口

src/components/Navbar.vue

@@ -10,9 +10,9 @@
             :default-active="$route.path"
             class="el-menu-demo"
             mode="horizontal"
-            background-color="#2d3039"
-            text-color="#fff"
-            active-text-color="#ffd04b">
+            text-color="#2c3e50"
+            active-text-color="#f39c12">
+          <!--background-color="#2d3039"-->
           <el-menu-item index="/home">Home</el-menu-item>
           <el-menu-item index="/scoreboard">Scoreboard</el-menu-item>
           <el-menu-item index="/users">Users</el-menu-item>
@@ -43,7 +43,7 @@
             <p class="slip">|</p>
           </div>
           <div class="logout">
-            <el-button text color="#626aef" :dark="isDark" @click="logout">退出登录</el-button>
+            <el-button text color="#ffd04b" :dark="isDark" @click="logout">退出登录</el-button>
           </div>
         </div>
         <div v-else class="login">
@@ -153,7 +153,7 @@ export default {
 .wrapper {
   width: 100%;
   height: 100%;
-  background: #2d3039;
+  //background: #2d3039;
 }
 .header {
   position: relative;
@@ -169,7 +169,7 @@ export default {
   height: 29px;
   width: 120px;
   vertical-align: middle;
-  color: #dddddd;
+  color: #2c3e50;
 }
 .header-right {
   float: right;
@@ -186,7 +186,7 @@ export default {
 
       .user-name{
         margin-right: 10px;
-        color: #dddddd;
+        color: #2c3e50;
       }
     }
     .slip{
@@ -227,7 +227,7 @@ export default {
 .el-menu--horizontal > .el-menu-item {
   font-size: 16px;
   margin: 0 15px;
-  color: white;
+  //color: white;
 }