From 76c4adef68b8ac0171e31c604b4db643c1287955 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Wed, 8 Jan 2020 16:38:41 +0800
Subject: [PATCH] 联系我们

---
 build/webpack.dev.conf.js             |  3 ++-
 index.html                            |  3 ++-
 src/assets/css/commonCss/reset.css    | 20 ++++++++++++++++----
 src/assets/images/contact/company.png | Bin 0 -> 442395 bytes
 src/views/contact/index.vue           | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 src/views/product/index.vue           | 14 ++++++--------
 static/favicon.ico                    | Bin 0 -> 13761 bytes
 7 files changed, 115 insertions(+), 16 deletions(-)
 create mode 100644 src/assets/images/contact/company.png
 create mode 100644 static/favicon.ico
diff --git a/build/webpack.dev.conf.js b/build/webpack.dev.conf.js
index 070ae22..51b4550 100755
--- a/build/webpack.dev.conf.js
+++ b/build/webpack.dev.conf.js
@@ -55,7 +55,8 @@ const devWebpackConfig = merge(baseWebpackConfig, {
     new HtmlWebpackPlugin({
       filename: 'index.html',
       template: 'index.html',
-      inject: true
+      inject: true,
+      favicon:'../static/favicon.ico'
     }),
     // copy custom static assets
     new CopyWebpackPlugin([
diff --git a/index.html b/index.html
index db2f88a..107358b 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <title>zxzn</title>
+    <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">
+    <title>中兴智能交通</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/assets/css/commonCss/reset.css b/src/assets/css/commonCss/reset.css
index 20032c2..f36b823 100644
--- a/src/assets/css/commonCss/reset.css
+++ b/src/assets/css/commonCss/reset.css
@@ -156,10 +156,7 @@ table {
   color: #333;
   text-align: center;
 }
-/*灰色背景*/
-.bgCommon{
-  background:rgba(238,238,238,1);
-}
+
 /*手指鼠标*/
 .pointer{
   cursor: pointer;
@@ -213,3 +210,18 @@ table {
   cursor: default;
 }
 
+
+
+
+/*面包导航*/
+.bread{
+  height: 50px;
+  line-height: 50px;
+  color: #333;
+  font-size: 14px;
+}
+/*灰色背景*/
+.bgCommon{
+  background:rgba(238,238,238,1);
+}
+
diff --git a/src/assets/images/contact/company.png b/src/assets/images/contact/company.png
new file mode 100644
index 0000000..135590f
Binary files /dev/null and b/src/assets/images/contact/company.png differ
diff --git a/src/views/contact/index.vue b/src/views/contact/index.vue
index db6708a..5677548 100644
--- a/src/views/contact/index.vue
+++ b/src/views/contact/index.vue
@@ -1,13 +1,100 @@
 <template>
-    <div>lianxi</div>
+  <div>
+    <commonProduct mainTitle="中兴智能交通" subTitle="构建绿色交通 享受安全便利出行"></commonProduct>
+    <div class="bread bgCommon">
+      <div class=" widthCommon">
+        您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 联系我们
+      </div>
+    </div>
+
+    <div class="widthCommon">
+      <ul class="top-wrapper">
+        <li>　
+          <p>无锡总部</p>
+          <p>地址： 江苏省无锡新区菱湖大道200号中国传感网国际创新园A座6层</p>
+          <p>邮编： 214135</p>
+          <p>电话： (0510) 66055077</p>
+          <p>传真： (0510) 66055055</p>
+          <p>E-mail： info@zte-its.com</p>
+          <p>24小时热线服务电话： 400 690 0889</p>
+        </li>
+        <li></li>
+      </ul>
+
+      <ul class="companyList">
+        <li>
+          <p>北京分部</p>
+          <p>地址： 北京市丰台区丰台北路18号院恒泰中心D座10-1002室</p>
+          <p>邮编： 100166</p>
+        </li>
+        <li>
+          <p>北京分部</p>
+          <p>地址： 北京市大兴区北臧村镇天荣街8号106室</p>
+          <p>邮编： 102609</p>
+        </li>
+        <li>
+          <p>青岛分部</p>
+          <p>地址： 山东省青岛市北区敦化路136号西王大厦</p>
+          <p>邮编： 266000</p>
+          <p>电话：18660251663</p>
+        </li>
+        <li>
+          <p>扬中分部</p>
+          <p>地址：江苏省扬中市三茅街道文景广场9栋8号</p>
+          <p>邮编：212200</p>
+        </li>
+      </ul>
+    </div>
+
+  </div>
 </template>
 
 <script>
+import commonProduct from '@/components/commonBanner'
+
 export default {
-  name: 'index'
+  name: 'index',
+  components: {
+    commonProduct
+  }
 }
 </script>
 
 <style scoped lang="">
+  .top-wrapper {
+    padding: 46px 0;
+    overflow: hidden;
+    border-bottom: 2px dashed #ccc;
+    font-size: 14px;
+    color: #333;
+  }
+
+  .top-wrapper li {
+    height: 278px;
+    float: left;
+    width: 50%;
+  }
+
+  .top-wrapper > li:nth-of-type(1) p {
+    margin-bottom: 24px;
+  }
 
+  .top-wrapper > li:nth-of-type(2) {
+    background: url("../../assets/images/contact/company.png") no-repeat;
+    background-size: 539px 278px;
+  }
+  .companyList{
+    padding: 46px 0 16px;
+    overflow: hidden;
+    font-size: 14px;
+    color: #333;
+  }
+  .companyList li{
+    float: left;
+    width: 50%;
+    margin-bottom: 20px;
+  }
+  .companyList li p{
+    margin-bottom: 10px;
+  }
 </style>
diff --git a/src/views/product/index.vue b/src/views/product/index.vue
index bda200d..7b51fa2 100644
--- a/src/views/product/index.vue
+++ b/src/views/product/index.vue
@@ -11,11 +11,13 @@
           >{{item}}</li>
         </ul>
       </div>
-
-      <div class="bread widthCommon">
-        您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 产品中心 -> 智慧停车
+      <div class="bread">
+        <div class=" widthCommon">
+          您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 产品中心 -> 智慧停车
+        </div>
       </div>
 
+
       <keep-alive>
         <component :is="tabView"></component>
       </keep-alive>
@@ -80,9 +82,5 @@ export default {
   .tabActive{
     background: #FFF;
   }
-  .bread{
-    padding: 35px 0;
-    color: #333;
-    font-size: 14px;
-  }
+
 </style>
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..64b1c25
Binary files /dev/null and b/static/favicon.ico differ
--
libgit2 0.21.4

