fix style

assets/css/home.scss

@@ -9,3 +9,17 @@ a{
     color: $focus-color;
   }
 }
+
+.hot-courses{
+  text-align: center;
+  width: 100%;
+
+  &__title{
+    margin-top: 20px;
+  }
+
+  &__list{
+    color: $sub-color;
+    margin: 20px 0;
+  }
+}

assets/css/main.scss

@@ -49,7 +49,7 @@ body{
     justify-content: space-between;
 
     &-left{
-      width: 300px;
+      width: 360px;
     }
 
     &-right{
@@ -99,7 +99,7 @@ body{
   }
 
   &__right{
-    width: 500px;
+    width: 450px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;

components/Foot.vue

@@ -3,7 +3,7 @@
    <div class="foot__main">
      <div class="foot__left">
        <img src="/image/seec_logo--bw.png" class="foot__logo" />
-       <div class="foot__slogan">打造最贴心的软件工程教育云平台,精于toC,拥抱toB</div>
+       <div class="foot__slogan">打造最贴心的软件工程教育云平台，做最专业的老师，当最可靠的伙伴</div>
      </div>
      <div class="foot__right">
        <div class="foot__list">

pages/index.vue

@@ -11,6 +11,12 @@
       <!--<el-menu-item index="3"><a href="http://helper.seecoder.cn" target="_self">学习助手</a></el-menu-item>-->
     <!--</el-menu>-->
     <img class="home-banner" src="/image/SEEC_banner.png"/>
+    <div class="hot-courses">
+      <h2 class="hot-courses__title">热门课程</h2>
+      <div class="hot-courses__list">
+        一波精品课程正在内测中，敬请期待！
+      </div>
+    </div>
   </div>
 </template>