Przeglądaj źródła

change logo and modify style

Starink 6 lat temu
rodzic
commit
2500f0528e

+ 1 - 0
assets/css/home.scss

@@ -29,6 +29,7 @@ a{
   text-align: center;
   //color: #409eff;
   margin-top: 40px;
+  font-weight: 500;
 }
 
 .course-list{

+ 2 - 2
assets/css/login.scss

@@ -87,10 +87,10 @@
   }
 
   &__logo{
-    width: 24%;
+    width: 20%;
     position: fixed;
     top: 200px;
-    left: 13%;
+    left: 15%;
   }
 
 

+ 12 - 5
assets/css/main.scss

@@ -37,10 +37,12 @@ body{
   justify-content: space-between;
   height: 60px;
   background-color: white;
-  border-bottom: 1px solid $focus-color;
+  border: 1px solid #ebeef5;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  top: 0;
 
   &__logo{
-    height: 48px;
+    height: 36px;
   }
 
   &__list{
@@ -53,8 +55,6 @@ body{
 
     &-left{
       width: 360px;
-
-      font-weight: bold;
     }
 
     &-right{
@@ -77,6 +77,13 @@ body{
         color: $focus-color;
       }
     }
+
+    &-left{
+      & a{
+        font-size: 18px;
+        font-weight: bold;
+      }
+    }
   }
 }
 
@@ -99,7 +106,7 @@ body{
   }
 
   &__logo{
-    width: 200px;
+    width: 360px;
   }
 
   &__slogan{

+ 2 - 2
components/Foot.vue

@@ -2,8 +2,8 @@
  <footer class="foot">
    <div class="foot__main">
      <div class="foot__left">
-       <img src="/image/seec_logo.png" class="foot__logo" />
-       <!--<div class="foot__slogan">打造最贴心的软件工程教育云平台,做最专业的老师,当最可靠的伙伴</div>-->
+       <img src="/image/seec-logo--full.png" class="foot__logo" />
+       <div class="foot__slogan">软件工程教育云平台 Software Engineering Education Cloud</div>
      </div>
      <div class="foot__right">
        <div class="foot__list">

+ 4 - 4
components/Navi.vue

@@ -1,10 +1,10 @@
 <template>
   <nav class="nav">
-    <router-link to="/"><img src="/image/seec_logo-1.png" class="nav__logo" /></router-link>
+    <router-link to="/"><img src="/image/seec-logo--full.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>
-      <li class="nav__item"><a href="http://seec.seecoder.cn" target="_self">SEEC</a></li>
+      <li class="nav__item nav__item-left"><a href="http://helper.seecoder.cn" target="_self">HELPER</a></li>
+      <li class="nav__item nav__item-left"><a href="http://mooc.seecoder.cn" target="_self">MOOC</a></li>
+      <li class="nav__item nav__item-left"><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>

+ 1 - 1
pages/login.vue

@@ -17,7 +17,7 @@
       <div class="login-card__bottom"><router-link to="/register" class="login-card__link">立即注册</router-link></div>
     </el-card>
     <div class="clear"></div>
-    <router-link to="/"><img src="/image/seec_logo.png" class="login-card__logo"/></router-link>
+    <router-link to="/"><img src="/image/seec-logo--horizontal.png" class="login-card__logo"/></router-link>
   </div>
 </template>
 

+ 1 - 1
pages/register.vue

@@ -13,7 +13,7 @@
       <div class="login-card__bottom"><router-link to="/login" class="login-card__link">已有账号?前往登录</router-link></div>
     </el-card>
     <div class="clear"></div>
-    <router-link to="/"><img src="/image/seec_logo.png" class="login-card__logo"/></router-link>
+    <router-link to="/"><img src="/image/seec-logo--horizontal.png" class="login-card__logo"/></router-link>
   </div>
 </template>
 

BIN
static/image/seec-logo--full.png


BIN
static/image/seec-logo--horizontal.png


BIN
static/image/seec-logo--img.png


BIN
static/image/seec-logo--name.png


BIN
static/seec.ico