调整页脚

src/App.vue

@@ -2,18 +2,18 @@
   <div id="app">
     <navigation/>
     <router-view/>
-    <div style="width: 100%;height: 100px;background-color: #42b983">
-
-    </div>
-  </div>
+    <el_footer/>
+   </div>
 </template>
 
 <script>
 import navigation from './views/navigation/navigation'
+import el_footer from './views/footer/index'
 export default {
   name: 'App',
   components:{
-    navigation
+    navigation,
+    el_footer
   },
   data() {
     return {

src/views/footer/index.vue

@@ -0,0 +1,47 @@
+<template>
+  <div style="width: 100%;background-color: #00163C;margin: 0 auto;display:flex;justify-content: space-around;padding-top: 20px;padding-bottom: 20px;">
+    <div style="width: 75%;display:flex;justify-content: space-around;color:#ffffff;font-size: 14px;font-weight:bold">
+      <ul style="list-style:none;text-align: left">
+        <li style="margin-bottom: 10px">解决方案 <span>/solition</span></li>
+        <li>电子政务</li>
+        <li>金融行业</li>
+        <li>电力行业</li>
+      </ul>
+      <ul style="list-style:none;text-align: left">
+        <li style="margin-bottom: 10px">服务支持 <span>/service</span></li>
+        <li>服务体系</li>
+        <li>服务优势</li>
+        <li>服务热线</li>
+      </ul>
+      <ul style="list-style:none;text-align: left">
+        <li style="margin-bottom: 10px">资讯中心 <span>/news</span></li>
+        <li>通知公告</li>
+        <li>业界新闻</li>
+        <li>政策通告</li>
+      </ul>
+      <ul style="list-style:none;text-align: left">
+        <li style="margin-bottom: 10px">关于我们 <span>/about us</span></li>
+        <li>公司介绍</li>
+        <li>校园招聘</li>
+        <li>社会招聘</li>
+        <li>联系我们</li>
+      </ul>
+    </div>
+    <div style="width: 25%;display: flex;align-items: center;justify-content: center">
+      <div>
+        <div style="width: 100px;height: 100px;background-color: #1f68d6;margin: 0 auto"></div>
+        <div style="color:#fff;font-size: 14px;margin-top: 10px">微信服务号 | 关注我们</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>