chore: update

src/components/layout/Footer.vue

@@ -2,24 +2,22 @@
   <footer class="app-footer">
     <div class="app-footer-inner">
       <div class="app-footer-left">
-        <dl>
-          <dt>PRP秘书处</dt>
-          <dd><a href="tel:13263110117">13263110117</a>(同微信)</dd>
-        </dl>
-        <dl>
-          <dt>PAA秘书处</dt>
-          <dd><a href="tel:13263110169">13263110169</a>(同微信)</dd>
-        </dl>
-        <dl>
-          <dt>标准产品委员会</dt>
-          <dd><a href="tel:13269964629">13269964629</a>(同微信)</dd>
-        </dl>
-        <dl>
-          <dt>定制专属产品办公室</dt>
-          <dd><a href="tel:010-62799539">010-62799539</a></dd>
-        </dl>
+        <div class="app-footer-left__top">
+          <router-link to="/" class="app-footer-logo">
+            <img src="@/assets/images/logo_white.png" />
+          </router-link>
+          <p><a href="#product">产品体系</a><a href="#teacher">师资团队</a><a href="#apply">预约报名</a></p>
+        </div>
+        <!-- pc -->
+        <div class="app-footer-link app-footer-link-pc">
+          <ul class="app-footer-link-item">
+            <li><a href="https://www.ezijing.com" target="_blank">清控紫荆金融保险学院</a></li>
+            <li><router-link to="/about">清控紫荆金融保险研究院</router-link></li>
+          </ul>
+        </div>
       </div>
       <div class="app-footer-contact">
+        <h2>联系我们</h2>
         <dl>
           <dt>地址</dt>
           <dd>北京市海淀区中关村东路1号院清华科技园7号楼威盛大厦5层</dd>
@@ -29,48 +27,88 @@
           <dd><a href="mailto:service@ezijing.com" class="mail">service@ezijing.com</a></dd>
         </dl>
       </div>
+      <div class="app-footer-qrcode">
+        <img src="https://webapp-pub.ezijing.com/project_online/fi/qrcode.png" width="120" />
+        <div class="app-footer-qrcode-content">
+          <img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" width="20" />
+          <span>微信公众号</span>
+        </div>
       </div>
-    <div class="app-footer-copyright">
-      <span>Copyright © 2022 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司</span>
+    </div>
+  </footer>
+  <div class="app-copyright">
+    <div class="app-copyright-inner">
+      <span>Copyright © 2022 Zijing Education. All rights reserved. </span>
       <a target="_blank" href="https://tsm.miit.gov.cn/dxxzsp/">京ICP证150431号 </a>
-      <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681">
+      <a
+        target="_blank"
+        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
+        style="margin: 0 60px">
         <img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" />
-        安备 11010802023681号
+        京公网安备 11010802023681号
       </a>
-      <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">京ICP备15016866号-1</a>
+      <!-- <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">京ICP备15016866号-1</a> -->
+      <span>清控紫荆（北京）教育科技股份有限公司</span>
+    </div>
   </div>
-  </footer>
 </template>
 
 <style lang="scss">
 .app-footer {
+  border-top: 1px solid #898989;
+  border-bottom: 1px solid #898989;
   background-color: #242424;
 }
 .app-footer-inner {
-  max-width: 900px;
+  max-width: 1200px;
   margin: 0 auto;
-  padding: 94px 0;
+  padding: 50px 0;
   display: flex;
   color: rgba(237, 237, 237, 0.7);
 }
 .app-footer-left {
   flex: 1;
-  dl {
+  .app-footer-logo {
     display: flex;
-    line-height: 30px;
+    align-items: center;
+    img {
+      height: 0.48rem;
     }
-  dt {
-    width: 140px;
-    text-align-last: justify;
-    white-space: nowrap;
   }
-  dd {
-    &::before {
-      content: '：';
+}
+.app-footer-left__top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 30px;
+  p {
+    a {
+      font-size: 16px;
+      font-weight: 500;
+      color: #fff;
+      margin: 0 20px;
     }
   }
 }
+.app-footer-link {
+  display: flex;
+}
+.app-footer-link-item {
+  font-size: 20px;
+  line-height: 32px;
+  color: #fff;
+  letter-spacing: 3px;
+}
+
 .app-footer-contact {
+  margin-left: 30px;
+  h2 {
+    font-size: 16px;
+    font-weight: 500;
+    color: #fff;
+    line-height: 48px;
+    margin-bottom: 30px;
+  }
   dl {
     display: flex;
     line-height: 30px;
@@ -86,27 +124,60 @@
     }
   }
 }
-.app-footer-copyright {
+.app-footer-qrcode {
+  margin-left: 80px;
+}
+.app-footer-qrcode-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 20px;
+  span {
+    margin-left: 10px;
+  }
+}
+.app-copyright {
+  background-color: #242424;
+}
+.app-copyright-inner {
   max-width: 1200px;
   margin: 0 auto;
   font-size: 12px;
   line-height: 40px;
   color: #999;
   text-align: center;
-  a {
-    margin-left: 10px;
-  }
+}
+.app-footer-link-h5 {
+  display: none;
 }
 .is-h5 {
+  .app-footer-link-pc {
+    display: none;
+  }
+  .app-footer-link-h5 {
+    display: flex;
+  }
   .app-footer-inner {
     padding: 0.5rem 0.45rem;
     flex-direction: column;
   }
+  .app-footer-left {
+    .app-name {
+      font-size: 0.3rem;
+      line-height: 0.3rem;
+    }
+  }
+  .app-footer-link-item {
+    font-size: 0.22rem;
+  }
   .app-footer-contact {
     margin: 0.1rem 0;
     h2 {
       display: none;
     }
   }
+  .app-footer-qrcode {
+    display: none;
+  }
 }
 </style>

src/modules/home/components/Course.vue

@@ -52,7 +52,6 @@ const list = [
   position: relative;
   max-width: 1200px;
   margin: 0 auto;
-  margin-top: 80px;
 }
 .topic {
   height: 266px;