Skip to content

L
lanzhou-transportation
提交 60428317 作者: tangwang
操作

3-31

上级 172d0a05
流水线 #2020 已通过 于阶段
in 1 分 23 秒
正在显示 包含 69 行增加 和 64 行删除
src/views/Home.vue
......@@ -169,7 +169,7 @@ export default {
z-index: 999;
.home-content-top {
position: absolute;
max-width: 1600px;
max-width: 2000px;
min-width: 1360px;
width: 50%;
top: 0;
......@@ -178,8 +178,8 @@ export default {
}
.home-content-top2 {
position: absolute;
max-width: 800px;
min-width: 660px;
max-width: 2000px;
min-width: 1360px;
width: 50%;
top: 0;
left: 50%;
......
src/views/left1/left-component1.vue
......@@ -113,7 +113,7 @@ export default {
<style lang="scss">
.left-component1 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
color: #fff;
padding: 16px;
......
src/views/left2/left-component2.vue
......@@ -85,7 +85,7 @@ export default {
<style lang="scss">
.left-component2 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
color: #fff;
padding: 16px;
......
src/views/left3/left-component3.vue
......@@ -73,7 +73,7 @@ export default {
<style lang="scss">
.left-component3 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
color: #fff;
padding: 16px;
......
src/views/left4/left-component4.vue
......@@ -85,7 +85,7 @@ export default {
<style lang="scss">
.left-component4 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
color: #fff;
padding: 16px;
......
src/views/left5/left-component5.vue
......@@ -28,7 +28,7 @@ export default {
<style lang="scss">
.left-component5 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
......
src/views/right1/right-component1.vue
......@@ -258,7 +258,7 @@ export default {
<style lang="scss">
.right-component1 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
......
src/views/right2/right-component2.vue
......@@ -37,7 +37,7 @@ export default {
<style lang="scss">
.right-component2 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
......
src/views/right3/right-component3.vue
......@@ -120,7 +120,7 @@ export default {
<style lang="scss">
.right-component3 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
......
src/views/right4/right-component4.vue
......@@ -122,7 +122,7 @@ export default {
<style lang="scss">
.right-component4 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
......
src/views/right5/right-component5.vue
......@@ -133,7 +133,7 @@ export default {
<style lang="scss">
.right-component5 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
......
src/views/top/top-component1.vue
<template>
<div class="top-component">
<div class="top-title">
<img src="./../../assets/images/兰州_03.png" alt="" />
<div class="top-title" style="width: 100%">
<img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
</div>
<div class="top-list">
<div class="l-item">
......@@ -9,8 +9,8 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 公交车</span>
</p>
<p>
<span> 在线车辆数<em>20016</em>辆 </span>
<span> 总车辆数<em>30600</em>辆 </span>
<span> 在线车辆数<em>2006</em>辆 </span>
<span> 总车辆数<em>13060</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -18,8 +18,8 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 出租车</span>
</p>
<p>
<span> 在线车辆数<em>210016</em>辆 </span>
<span> 总车辆数<em>265600</em>辆 </span>
<span> 在线车辆数<em>10016</em>辆 </span>
<span> 总车辆数<em>65600</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -27,8 +27,8 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 自行车</span>
</p>
<p>
<span> 在线车辆数<em>180162</em>辆 </span>
<span> 总车辆数<em>305600</em>辆 </span>
<span> 在线车辆数<em>10162</em>辆 </span>
<span> 总车辆数<em>30600</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -67,6 +67,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-between;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -74,15 +75,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
src/views/top/top-component2.vue
<template>
<div class="top-component2">
<div class="top-title">
<img src="./../../assets/images/兰州_03.png" alt="" />
<div class="top-title" style="width: 100%">
<img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
</div>
<div class="top-list">
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 离线</span></p>
<p>
<span><em>48</em>辆 </span>
<span><em>4878</em>辆 </span>
</p>
</div>
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 空驾</span></p>
<p>
<span><em>18</em>辆 </span>
<span><em>1458</em>辆 </span>
</p>
</div>
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 载客</span></p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>7854</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -27,7 +27,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 总车数</span>
</p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>4554</em>辆 </span>
</p>
</div>
</div>
......@@ -57,6 +57,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-around;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -64,15 +65,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
src/views/top/top-component3.vue
<template>
<div class="top-component3">
<div class="top-title">
<img src="./../../assets/images/兰州_03.png" alt="" />
<div class="top-title" style="width: 100%">
<img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
</div>
<div class="top-list">
<div class="l-item">
......@@ -9,7 +9,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 上行车辆</span>
</p>
<p>
<span><em>48</em>辆 </span>
<span><em>4801</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -17,7 +17,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 下行车辆</span>
</p>
<p>
<span><em>18</em>辆 </span>
<span><em>1810</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -25,7 +25,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 停运车辆</span>
</p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>5104</em>辆 </span>
</p>
</div>
</div>
......@@ -55,6 +55,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-around;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -62,15 +63,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
src/views/top/top-component4.vue
<template>
<div class="top-component3">
<div class="top-title">
<img src="./../../assets/images/兰州_03.png" alt="" />
<div class="top-title" style="width: 100%">
<img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
</div>
<div class="top-list">
<div class="l-item">
......@@ -9,13 +9,13 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 可还车桩</span>
</p>
<p>
<span><em>48</em>辆 </span>
<span><em>4218</em>辆 </span>
</p>
</div>
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 在线</span></p>
<p>
<span><em>18</em>辆 </span>
<span><em>1854</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -23,7 +23,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 总车数</span>
</p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>5544</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -31,7 +31,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 总站点数</span>
</p>
<p>
<span> <em>542</em>辆 </span>
<span> <em>5424</em>辆 </span>
</p>
</div>
</div>
......@@ -61,6 +61,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-around;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -68,15 +69,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
src/views/top/top-component5.vue
<template>
<div class="top-component5">
<div class="top-title">
<img src="./../../assets/images/兰州_03.png" alt="" />
<div class="top-title" style="width: 100%">
<img src="./../../assets/images/兰州_03.png" style="width: 100%" alt="" />
</div>
<div class="top-list">
<div class="l-item">
......@@ -9,13 +9,13 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 在线</span>
</p>
<p>
<span><em>48</em>辆 </span>
<span><em>4458</em>辆 </span>
</p>
</div>
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 告警</span></p>
<p>
<span><em>18</em>辆 </span>
<span><em>1854</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -23,7 +23,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 离线</span>
</p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>5544</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -31,7 +31,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 总船数</span>
</p>
<p>
<span> <em>542</em>辆 </span>
<span> <em>5424</em>辆 </span>
</p>
</div>
</div>
......@@ -61,6 +61,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-around;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -68,15 +69,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论