页面底部更改颜色

src/views/footer/index.vue

@@ -1,36 +1,37 @@
 <template>
-  <div style="width: 100%;background-color: #00163C;">
+<!--  <div style="width: 100%;background-color: #00163C;">-->
+  <div style="width: 100%;background-color: #D42C2C;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">解决方案 <span>/solition</span></li>
+          <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">服务支持 <span>/service</span></li>
+          <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">资讯中心 <span>/news</span></li>
+          <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">
-          <li style="margin-bottom: 10px">关于我们 <span>/about us</span></li>
+          <li style="margin-bottom: 10px" class="nav-title">关于我们 <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 style="width: 25%;display: flex;align-items: center;justify-content: center" class="nav-title">
         <div>
-          <div style="width: 100px;height: 100px;background-color: #1f68d6;margin: 0 auto"></div>
+          <div style="width: 100px;height: 100px;background-color: #fff;margin: 0 auto"></div>
           <div style="color:#fff;font-size: 14px;margin-top: 10px">微信服务号 | 关注我们</div>
         </div>
       </div>
@@ -55,4 +56,10 @@ name: "index"
 </script>
 
 <style scoped>
+/*.nav-title {*/
+/*  color: #a0a0a0;*/
+/*}*/
+li {
+  margin-bottom: 5px;
+}
 </style>