添加备案信息

src/components/page-footer/index.vue

 <template>
   <div class="homepage_footer">
-    <div class="fo-bg"></div>
-    <div class="homepage_footer_body">
-      <div class="footer_lj fot">
-        <h4>
-          <span>学校官网</span>
-        </h4>
-        <a href="https://www.swisseducation.com/en/" target="_blank"><span class="fo">瑞士酒店管理大学官网</span></a>
+    <div class="flex">
+      <div class="fo-bg"></div>
+      <div class="homepage_footer_body">
+        <div class="footer_lj fot">
+          <h4>
+            <span>学校官网</span>
+          </h4>
+          <a href="https://www.swisseducation.com/en/" target="_blank"><span class="fo">瑞士酒店管理大学官网</span></a>
+        </div>
+        <!-- <div class="footer_cx fot">
+          <h4>
+            <span>学校认证</span>
+          </h4>
+          <a href="http://jsj.moe.gov.cn/news/1/170.shtml" target="_blank"><span class="fo">教育涉外监管网</span></a>
+          <a href="https://www.wscuc.org/institutions/california-institute-integral-studies" target="_blank"><span class="fo">WASC认证</span></a>
+        </div>
+        <div class="footer_cx fot">
+          <h4>
+            <span>认证查询</span>
+          </h4>
+          <a href="https://www.universities.com/find/california/best/counseling-psychology-degrees" target="_blank"><span class="fo">2020年加州最佳心理咨询学院排名第1</span></a>
+          <a href="https://www.universities.com/find/california/best/counseling-psychology-degrees" target="_blank"><span class="fo">2020年CIIS临床心理咨询专业排名全美第4</span></a>
+          <a href="https://www.greatvaluecolleges.net/by-city/online-colleges-san-francisco-ca/" target="_blank"><span class="fo">2020年旧金山最佳在线学位项目排名第3</span></a>
+          <a href="https://www.online-phd-programs.org/best-online-phd-psychology/" target="_blank"><span class="fo">2020年心理学在线博士项目全美排名第14</span></a>
+        </div> -->
+        <div class="footer_logo">
+          <img src="@/assets/images/logo.png" alt />
+          <img src="@/assets/images/logoend-2.png" alt style="margin-top:20px"/>
+        </div>
       </div>
-      <!-- <div class="footer_cx fot">
-        <h4>
-          <span>学校认证</span>
-        </h4>
-        <a href="http://jsj.moe.gov.cn/news/1/170.shtml" target="_blank"><span class="fo">教育涉外监管网</span></a>
-        <a href="https://www.wscuc.org/institutions/california-institute-integral-studies" target="_blank"><span class="fo">WASC认证</span></a>
-      </div>
-      <div class="footer_cx fot">
-        <h4>
-          <span>认证查询</span>
-        </h4>
-        <a href="https://www.universities.com/find/california/best/counseling-psychology-degrees" target="_blank"><span class="fo">2020年加州最佳心理咨询学院排名第1</span></a>
-        <a href="https://www.universities.com/find/california/best/counseling-psychology-degrees" target="_blank"><span class="fo">2020年CIIS临床心理咨询专业排名全美第4</span></a>
-        <a href="https://www.greatvaluecolleges.net/by-city/online-colleges-san-francisco-ca/" target="_blank"><span class="fo">2020年旧金山最佳在线学位项目排名第3</span></a>
-        <a href="https://www.online-phd-programs.org/best-online-phd-psychology/" target="_blank"><span class="fo">2020年心理学在线博士项目全美排名第14</span></a>
-      </div> -->
-      <div class="footer_logo">
-        <img src="@/assets/images/logo.png" alt />
-        <img src="@/assets/images/logoend-2.png" alt style="margin-top:20px"/>
+    </div>
+    <div class="copyright">
+      <div class="inner2">
+        <p>Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司 京ICP证150431号</p>
+        <a class="record" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681">
+          <img src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png" alt="">
+          <p>安备 11010802023681号</p>
+        </a>
+        <p>京ICP备15016866号-1</p>
       </div>
     </div>
   </div>
@@ -37,16 +49,46 @@ export default {}
 </script>
 
 <style lang="scss" scoped>
+.copyright {
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  background: #ccc;
+  .inner2{
+    width: 100%;
+    justify-content: center;
+    display: flex;
+    p{
+      font-size: 12px;
+    }
+    .record{
+      color: #fff;
+      align-items: center;
+      display: flex;
+      margin-right: 5px;
+      img{
+        width: 20px;
+        height: 20px;
+        margin: 0 6px;
+        display: block;
+      }
+    }
+  }
+}
 .homepage_footer {
   min-height: 460px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   background-size: cover;
   background: #fff;
   width: 100%;
-  margin: 0 auto;
-  position: relative;
+  .flex{
+    margin: 0 auto;
+    position: relative;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 460px;
+  }
   .fo-bg {
     position: absolute;
     height: 100%;