BJ_web_developers / zxznweb

Blame view

src/views/contact/index.vue 2.42 KB
Edit Raw Normal View History
4d0a73c0   liuqimichale   项目初始化 
1
 
  <template>
76c4adef   liuqimichale   联系我们 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
    <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>
4d0a73c0   liuqimichale   项目初始化 
50
51
52
 
  </template>
  
  <script>
76c4adef   liuqimichale   联系我们 
53
54
 
  import commonProduct from '@/components/commonBanner'
4d0a73c0   liuqimichale   项目初始化 
55
 
  export default {
76c4adef   liuqimichale   联系我们 
56
57
58
59
 
    name: 'index',
    components: {
      commonProduct
    }
4d0a73c0   liuqimichale   项目初始化 
60
61
62
 
  }
  </script>
643de4c7   liuqimichale   公共底部 
63
 
  <style scoped lang="">
76c4adef   liuqimichale   联系我们 
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
 
    .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;
    }
4d0a73c0   liuqimichale   项目初始化 
81
76c4adef   liuqimichale   联系我们 
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
    .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;
    }
4d0a73c0   liuqimichale   项目初始化 
100
 
  </style>