index.vue
1.64 KB
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
56
57
58
59
60
61
62
63
<template>
<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>
</template>
<script>
export default {
name: 'index'
}
</script>
<style scoped lang="">
.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;
}
</style>