Blame view

src/views/center.vue 2.14 KB
4140a1b0   Andy   add 官网移植
1
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
50
51
52
53
54
55
  <template>
    <div>
      <div class="banner"></div>
      <div class=" sectionBG" style="background: #FFF">
        <div class="commonWidth">
          <div class="flexfm">
            <img src="../assets/center/enterprise.png" alt="">
          </div>
          <div class="flexfm des-wrap">
            <div class="des">
              <h2>企业云平台</h2>
              <h3>为车场管理者提供财务对账,统计报表,运营监控,收入管理,权限管理,资产 </h3>
            </div>
          </div>
        </div>
      </div>
  
      <div class="grayBg sectionBG">
        <div class="commonWidth">
          <div class="flexfm des-wrap">
            <div class="des">
              <h2>运营监控中心</h2>
              <h3>建立综合停车数据资源,搭建基础分析模型,提供新一代的数据分析与商业智能 BI解决方案,致力于缓解拥堵实现车位运营智能化</h3>
            </div>
          </div>
          <div class="flexfm">
            <img src="../assets/center/monitor.png" alt="">
          </div>
        </div>
      </div>
  
      <div class=" sectionBG" style="background: #FFF">
        <div class="commonWidth">
          <div class="flexfm">
            <img src="../assets/center/ower.png" alt="">
          </div>
          <div class="flexfm des-wrap">
            <div class="des">
              <h2>车主服务平台</h2>
              <h3>移动掌上互联,为车主提供附近车位,个性导航,语音播报,手机缴费, 订单详情,积分会员,共享车位,无感支付等多样化移动应用,解决</h3>
            </div>
          </div>
        </div>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: 'center'
  }
  </script>
  
  <style scoped lang="scss">
    .banner {
2ed00cc9   Andy   首页 banner 更换icon ...
56
      background: url("../assets/center/center.png") no-repeat;
8cb58a4c   Andy   停车服务 bug修复
57
      background-size: 100% 100%;
4140a1b0   Andy   add 官网移植
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
    }
  
    .des-wrap {
      position: relative;
      .des {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: left;
      }
      h2 {
        margin-bottom: 15px;
        font-size: 20px;
        color: rgba(13, 26, 38, 1);
      }
      h3 {
        line-height: 20px;
        color: rgba(49, 70, 89, 1);
      }
    }
  </style>