联系我们

liuqimichale
1 parent 7180b137
Showing 7 changed files with 115 additions and 16 deletions
build/webpack.dev.conf.js
index.html
src/assets/css/commonCss/reset.css
src/assets/images/contact/company.png
src/views/contact/index.vue
src/views/product/index.vue
static/favicon.ico
@@ -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([
@@ -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>
@@ -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);
+}
+
 <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>
@@ -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>