添加备案休息

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.campbellsville.edu" 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.campbellsville.edu" 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/184.shtml" target="_blank"><span class="fo">教育涉外监管网</span></a>
+          <a href="https://sacscoc.org/institutions/?name=campbellsville&results_per_page=25&page=1" target="_blank"><span class="fo">SACS认证</span></a>
+        </div>
+        <div class="footer_cx fot">
+          <h4>
+            <span>荣誉排名</span>
+          </h4>
+          <a href="https://www.usnews.com/best-colleges/rankings/regional-universities-south" target="_blank"><span class="fo">最佳大学第92</span></a>
+          <a href="https://www.bestvalueschools.org/online-colleges-kentucky/" target="_blank"><span class="fo">Bestvalue肯塔基第2</span></a>
+        </div>
+        <div class="footer_logo">
+          <img src="@/assets/images/logginred.png" />
+          <img src="@/assets/images/logo.png" alt />
+        </div>
       </div>
-      <div class="footer_cx fot">
-        <h4>
-          <span>学校认证</span>
-        </h4>
-        <a href="http://jsj.moe.gov.cn/news/1/184.shtml" target="_blank"><span class="fo">教育涉外监管网</span></a>
-        <a href="https://sacscoc.org/institutions/?name=campbellsville&results_per_page=25&page=1" target="_blank"><span class="fo">SACS认证</span></a>
-      </div>
-      <div class="footer_cx fot">
-        <h4>
-          <span>荣誉排名</span>
-        </h4>
-        <a href="https://www.usnews.com/best-colleges/rankings/regional-universities-south" target="_blank"><span class="fo">最佳大学第92</span></a>
-        <a href="https://www.bestvalueschools.org/online-colleges-kentucky/" target="_blank"><span class="fo">Bestvalue肯塔基第2</span></a>
-      </div>
-      <div class="footer_logo">
-        <img src="@/assets/images/logginred.png" />
-        <img src="@/assets/images/logo.png" alt />
+    </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>
@@ -35,16 +47,46 @@ export default { name: 'page-footer' }
 </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%;