底部导航更改

src/views/footer/index.vue

@@ -2,31 +2,31 @@
 <!--  <div style="width: 100%;background-color: #00163C;">-->
   <div style="width: 100%;background-color: #710702;margin-top: 50px;">
     <div style="width: 100%;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" class="nav-title">解决方案 <span>/solition</span></li>
-          <li>电子政务</li>
-          <li>金融行业</li>
-          <li>电力行业</li>
-        </ul>
-        <ul style="list-style:none;text-align: left">
-          <li style="margin-bottom: 10px" class="nav-title">服务支持 <span>/service</span></li>
-          <li>服务体系</li>
-          <li>服务优势</li>
-          <li>服务热线</li>
-        </ul>
-        <ul style="list-style:none;text-align: left">
-          <li style="margin-bottom: 10px" class="nav-title">资讯中心 <span>/news</span></li>
-          <li>通知公告</li>
-          <li>业界新闻</li>
-          <li>政策通告</li>
-        </ul>
-        <ul style="list-style:none;text-align: left">
+      <div style="width: 75%;display:flex;justify-content: space-between;color:#ffffff;font-size: 14px;font-weight:bold">
+<!--        <ul style="list-style:none;text-align: left">-->
+<!--          <li style="margin-bottom: 10px" class="nav-title">解决方案 <span>/solition</span></li>-->
+<!--          <li>电子政务</li>-->
+<!--          <li>金融行业</li>-->
+<!--          <li>电力行业</li>-->
+<!--        </ul>-->
+<!--        <ul style="list-style:none;text-align: left">-->
+<!--          <li style="margin-bottom: 10px" class="nav-title">服务支持 <span>/service</span></li>-->
+<!--          <li>服务体系</li>-->
+<!--          <li>服务优势</li>-->
+<!--          <li>服务热线</li>-->
+<!--        </ul>-->
+<!--        <ul style="list-style:none;text-align: left">-->
+<!--          <li style="margin-bottom: 10px" class="nav-title">资讯中心 <span>/news</span></li>-->
+<!--          <li>通知公告</li>-->
+<!--          <li>业界新闻</li>-->
+<!--          <li>政策通告</li>-->
+<!--        </ul>-->
+        <ul style="list-style:none;text-align: left;margin-left: 15%">
           <li style="margin-bottom: 10px" class="nav-title">关于我们 <span>/about us</span></li>
-          <li>公司介绍</li>
-          <li>校园招聘</li>
-          <li>社会招聘</li>
-          <li>联系我们</li>
+          <router-link to="/introduction"><li>公司介绍</li></router-link>
+<!--          <li>校园招聘</li>-->
+<!--          <li>社会招聘</li>-->
+          <router-link to=""><li>联系我们</li></router-link>
         </ul>
       </div>
       <div style="width: 25%;display: flex;align-items: center;justify-content: center" class="nav-title">
@@ -40,11 +40,14 @@
       <el-divider></el-divider>
     </div>
     <div style="color:#ffffff;font-size: 12px;padding-bottom: 20px">
-      <span>Copyright © 1996-2017</span>
-      <el-divider direction="vertical"></el-divider>
-      <span>****网络科技有限公司 版权所有  琼ICP备140*****号</span>
-      <br>
-      <span>《中华人民共和国增值电信业务经营许可证》琼B1-20**0477     琼ICP备1407***06号   琼公网安备 4******0120号  </span>
+      <img src="../../assets/icp.png" alt="" height="14px" style="margin-right:2px"> <span>
+<!--      <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37021302000853">鲁公网安备 37021302000853号</a>-->
+      <a href="https://beian.miit.gov.cn/">鲁ICP备06017170号</a>  青岛中电国际物流有限公司</span>
+<!--      <span>Copyright © 1996-2017</span>-->
+<!--      <el-divider direction="vertical"></el-divider>-->
+<!--      <span>中电国际物流有限公司 版权所有  琼ICP备140*****号</span>-->
+<!--      <br>-->
+<!--      <span>《中华人民共和国增值电信业务经营许可证》琼B1-20**0477     琼ICP备1407***06号   琼公网安备 4******0120号  </span>-->
     </div>
   </div>
 </template>
@@ -62,4 +65,8 @@ name: "index"
 li {
   margin-bottom: 5px;
 }
+a {
+  color: #fff;
+  text-decoration: none;
+}
 </style>