footer

components/footer.vue

@@ -6,14 +6,14 @@
           <div class="t4">{{item.title}}</div>
           <ul>
             <li class="t1" v-for="(item,index) in item.list" :key="index">
-              {{item}}
+              <a :href="item.url" class="textcolor">{{item.name}}</a>
             </li>
           </ul>
         </div>
       </div>
     </div>
     <div class="flex-center copyright">
-      <div>京ICP证16038770号 Copyright © 2019 技术支持：北京三分田信息技术有限公司</div>
+      <div>Copyright © 2019 技术支持：北京捷安采供应链管理有限公司 版权所有</div>
     </div>
   </div>
 </template>
@@ -24,24 +24,31 @@
       return {
         footList: [{
             title: "友情链接",
-            list: ["教育部学校规划建设发展", "北京市教委", "全国农产品批发市场价格信息网"]
+            list: [{name:'教育部学校规划建设发展',
+            url:'https://www.csdp.edu.cn/index.aspx?AspxAutoDetectCookieSupport=1'
+            }, /* "北京市教委", "全国农产品批发市场价格信息网" */
+            {
+                name:'北京市教委',
+                url:'http://jw.beijing.gov.cn/'
+            },
+             {
+                name:'全国农产品批发市场价格信息网',
+                url:'http://pfscnew.agri.gov.cn/'
+            }
+            ],
           },
           {
             title: "关于我们",
-            list: ["诚招英才", "关于我们"]
+            list: [{name:"诚招英才"}, {name:"联系我们"}]
           },
           {
             title: "客服中心",
-            list: ["帮助中心", "在线客服"]
+            list: [{name:"帮助中心"}, {name:"在线客服"}]
           },
           {
-            title: "平台设置",
-            list: ["如何打印单据", "供应商操作流程", "供应商交易期间注意事项"]
+            title: "联系方式",
+            list: [{name:"客服联系电话 : 13810057696"}, {name:"电子邮箱: 13810057696@139.com"},]
           },
-          {
-            title: "学校服务",
-            list: ["学校操作流程"]
-          }
         ]
       }
     }
@@ -64,11 +71,13 @@
   }
 
   .t4 {
-    margin-bottom: 0.56rem;
+    margin-bottom: 0.36rem;
+    text-align: center;
   }
 
   ul>.t1 {
     margin-bottom: 0.39rem;
+    text-align: center;
     color: #323232
   }
   .copyright{
@@ -76,4 +85,7 @@
     font-size:.16rem;
     color:rgba(153,153,153,1);
   }
+  .textcolor{
+      color: #323232
+  }
 </style>