change logo and icon

assets/css/main.scss

@@ -39,7 +39,7 @@ body{
   border-bottom: 1px solid $focus-color;
 
   &__logo{
-    width: 100px;
+    height: 48px;
   }
 
   &__list{
@@ -89,7 +89,7 @@ body{
 
   &__main{
     width: 100%;
-    height: 160px;
+    height: 180px;
     border-bottom: 0.5px white solid;
     display: flex;
     flex-wrap: wrap;
@@ -104,6 +104,15 @@ body{
     margin-top: 10px;
   }
 
+  & a{
+    font-size: 14px;
+    color: $sub-color;
+    text-decoration: none;
+    display: block;
+    cursor: pointer;
+    margin-top: 5px;
+  }
+
   &__right{
     width: 450px;
     display: flex;
@@ -113,6 +122,10 @@ body{
 
   &__list{
     min-width: 100px;
+
+    &-icons a{
+      display: inline-block;
+    }
   }
 
   &__title{
@@ -120,33 +133,24 @@ body{
     padding-bottom: 5px;
   }
 
-  & a{
-    font-size: 14px;
-    color: $sub-color;
-    text-decoration: none;
-    display: block;
-    cursor: pointer;
-    margin-top: 5px;
-  }
-
   &__icon{
     margin-top: 10px;
     width: 50px;
     height: 50px;
-    border-radius: 25px;
+    border-radius: 10px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     border: 1px white solid;
     display: inline-block;
-    margin-right: 10px;
+    margin-right: 5px;
 
-    &-wechat{
-      background-image: url('/image/wechat_icon.png');
+    &-zhihu{
+      background-image: url('/image/zhihu_icon.jpg');
     }
 
-    &-weibo{
-      background-image: url('/image/weibo_icon.png');
+    &-bilibili{
+      background-image: url('/image/bilibili_icon.jpg');
     }
 
   }

components/Foot.vue

@@ -2,8 +2,8 @@
  <footer class="foot">
    <div class="foot__main">
      <div class="foot__left">
-       <img src="/image/seec_logo--bw.png" class="foot__logo" />
-       <div class="foot__slogan">打造最贴心的软件工程教育云平台，做最专业的老师，当最可靠的伙伴</div>
+       <img src="/image/seec_logo.png" class="foot__logo" />
+       <!--<div class="foot__slogan">打造最贴心的软件工程教育云平台，做最专业的老师，当最可靠的伙伴</div>-->
      </div>
      <div class="foot__right">
        <div class="foot__list">
@@ -14,10 +14,10 @@
          <a>法律条款</a>
        </div>
 
-       <div class="foot__list">
+       <div class="foot__list foot__list-icons">
          <div class="foot__title">关注我们</div>
-         <div class="foot__icon foot__icon-wechat"></div>
-         <div class="foot__icon foot__icon-weibo"></div>
+         <a href="https://zhuanlan.zhihu.com/c_1220396784981487616" target="_blank"><div class="foot__icon foot__icon-zhihu"></div></a>
+         <a href="https://space.bilibili.com/507030405" target="_blank"><div class="foot__icon foot__icon-bilibili"></div></a>
        </div>
        <div class="foot__list">
          <div class="foot__title">合作机构</div>

components/Navi.vue

@@ -1,6 +1,6 @@
 <template>
   <nav class="nav">
-    <router-link to="/"><img src="/image/seec_logo--bw.png" class="nav__logo" /></router-link>
+    <router-link to="/"><img src="/image/seec_logo-1.png" class="nav__logo" /></router-link>
     <ul class="nav__list nav__list-left">
       <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>