添加备案休息

src/components/page-footer/index.vue

 <template>
   <div class="homepage_footer">
+    <div class="flex">
       <div class="fo-bg"></div>
       <div class="homepage_footer_body">
         <div class="footer_lj fot">
@@ -28,6 +29,17 @@
         </div>
       </div>
     </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>
 </template>
 
 <script>
@@ -35,16 +47,46 @@ export default { name: 'page-footer' }
 </script>
 
 <style lang="scss" scoped>
-.homepage_footer {
-  min-height: 460px;
+.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;
-  justify-content: center;
+      display: flex;
+      margin-right: 5px;
+      img{
+        width: 20px;
+        height: 20px;
+        margin: 0 6px;
+        display: block;
+      }
+    }
+  }
+}
+.homepage_footer {
+  min-height: 460px;
   background-size: cover;
   background: #fff;
   width: 100%;
+  .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%;