change color and navigator

assets/css/home.scss

@@ -20,6 +20,6 @@ a{
 
   &__list{
     color: $sub-color;
-    margin: 20px 0;
+    margin: 20px 0 40px 0;
   }
 }

assets/css/main.scss

@@ -35,7 +35,8 @@ body{
   flex-wrap: wrap;
   justify-content: space-between;
   height: 60px;
-  background-color: black;
+  background-color: white;
+  border-bottom: 1px solid $focus-color;
 
   &__logo{
     width: 100px;
@@ -47,9 +48,12 @@ body{
     align-items: center;
     flex-wrap: wrap;
     justify-content: space-between;
+    list-style:none;
 
     &-left{
       width: 360px;
+
+      font-weight: bold;
     }
 
     &-right{
@@ -65,7 +69,7 @@ body{
   &__item{
     & a{
       text-decoration: none;
-      color: white;
+      color: $common-color;
       font-size: 16px;
 
       &:hover{
@@ -77,9 +81,11 @@ body{
 
 .foot{
   width: 100%;
-  background-color: black;
-  color: white;
+  background-color: white;
+  color: $common-color;
   padding: 30px 50px 0 50px;
+  border: 1px solid #ebeef5;
+  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
 
   &__main{
     width: 100%;
@@ -116,7 +122,7 @@ body{
 
   & a{
     font-size: 14px;
-    color: white;
+    color: $sub-color;
     text-decoration: none;
     display: block;
     cursor: pointer;

components/Navi.vue

@@ -2,9 +2,9 @@
   <nav class="nav">
     <router-link to="/"><img src="/image/seec_logo--bw.png" class="nav__logo" /></router-link>
     <ul class="nav__list nav__list-left">
-      <li class="nav__item"><a href="http://mooc.seecoder.cn" target="_self">软工一</a></li>
-      <li class="nav__item"><a href="http://bok.seecoder.cn" target="_self">题库</a></li>
-      <li class="nav__item"><a href="http://helper.seecoder.cn" target="_self">教学助手</a></li>
+      <li class="nav__item"><a href="http://helper.seecoder.cn" target="_self">HELPER</a></li>
+      <li class="nav__item"><a href="http://mooc.seecoder.cn" target="_self">MOOC</a></li>
+      <li class="nav__item"><a href="http://seec.seecoder.cn" target="_self">SEEC</a></li>
     </ul>
     <el-input placeholder="搜索课程" class="nav__search" disabled>
       <el-button slot="append" icon="el-icon-search" disabled></el-button>