Blame view

src/views/home/index.vue 1.64 KB
4d0a73c0   liuqimichale   项目初始化
1
  <template>
d619d5db   liuqimichale   banner
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
      <div>
        <div class="banner-wrapper">
  
  
          <ul class="widthCommon banner-text">
            <li>
              <div>覆盖城市</div>
              <div>100<span>+</span></div>
            </li>
            <li>
              <div>覆盖城市</div>
              <div>100<span>+</span></div>
            </li>
            <li>
              <div>覆盖城市</div>
              <div>100<span>+</span></div>
            </li>
            <li>
              <div>覆盖城市</div>
              <div>100<span>+</span></div>
            </li>
          </ul>
        </div>
        <div class="widthCommon textCommonPadding">
          <div class="heading-text">我们是谁?</div>
          <div class="des-text">
            公司主营业务面向城市智慧停车、公安交通、公共交通三大领域,为政府、企业、个人提供综合交通信息服务,通过交通规划、方案设计、系统建设、运营和服务,深度整合城市动静态交通数据,构建以物联网、互联网、云计算、大数据、人工智能为核心技术的产品研发、生产、系统建设和维护为一体的城市级动静态交通业务生态服务体系。
          </div>
        </div>
      </div>
4d0a73c0   liuqimichale   项目初始化
32
33
34
35
36
37
38
39
  </template>
  
  <script>
  export default {
    name: 'index'
  }
  </script>
  
aefc33a1   liuqimichale   公共头部
40
  <style scoped lang="">
d619d5db   liuqimichale   banner
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
    .banner-wrapper{
      height: 761px;
      background:rgba(0,0,0,.58);
      position: relative;
    }
    .banner-text{
      height: 143px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
    }
    .banner-text li{
      flex: 1;
      height: 71px;
      line-height: 71px;
      font-size: 30px;
      color: #FFF;
      text-align: center;
    }
4d0a73c0   liuqimichale   项目初始化
62
63
  
  </style>