|
@@ -9,7 +9,7 @@
|
|
<div class="c1_title"></div>
|
|
<div class="c1_title"></div>
|
|
<div class="c1_body">
|
|
<div class="c1_body">
|
|
<div style="display: flex;justify-content: center;align-items: center;margin-bottom: 10px">
|
|
<div style="display: flex;justify-content: center;align-items: center;margin-bottom: 10px">
|
|
- <img src="../../../assets/zhang/pubicCar/car.png" width="68" style="margin-right: 20px">
|
|
|
|
|
|
+ <img src="../../../assets/zhang/publicCar/car.png" width="68" style="margin-right: 20px">
|
|
<div class="carNum" style="color: rgba(0,255,255,0.3)">0</div>
|
|
<div class="carNum" style="color: rgba(0,255,255,0.3)">0</div>
|
|
<div class="carNum" style="color: rgba(0,255,255,0.3)">0</div>
|
|
<div class="carNum" style="color: rgba(0,255,255,0.3)">0</div>
|
|
<div class="carNum">2</div>
|
|
<div class="carNum">2</div>
|
|
@@ -21,7 +21,7 @@
|
|
<div style="display: flex;justify-content: center;align-items: center;margin-bottom: 20px">
|
|
<div style="display: flex;justify-content: center;align-items: center;margin-bottom: 20px">
|
|
<div class="carTypeNumBox" v-for="(it, index) in carTypeNum">
|
|
<div class="carTypeNumBox" v-for="(it, index) in carTypeNum">
|
|
<div style="display: flex;width: 100%;height: 25px">
|
|
<div style="display: flex;width: 100%;height: 25px">
|
|
- <img src="../../../assets/zhang/pubicCar/miniCar.png" width="18" style="object-fit: cover">
|
|
|
|
|
|
+ <img src="../../../assets/zhang/publicCar/miniCar.png" width="18" style="object-fit: cover">
|
|
<div style="color: white;font-size: 15px">{{ it.type }}</div>
|
|
<div style="color: white;font-size: 15px">{{ it.type }}</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%;height: 25px;color: #00FFFF;display: flex">
|
|
<div style="width: 100%;height: 25px;color: #00FFFF;display: flex">
|
|
@@ -36,7 +36,7 @@
|
|
<div style="display: flex;align-items: center;margin-bottom: 10px;padding-left: 30px">
|
|
<div style="display: flex;align-items: center;margin-bottom: 10px;padding-left: 30px">
|
|
<div style="height: 50px;margin-right: 15px" v-for="(it, index) in carUseNum">
|
|
<div style="height: 50px;margin-right: 15px" v-for="(it, index) in carUseNum">
|
|
<div style="display: flex;width: 100%;height: 25px;align-items: center">
|
|
<div style="display: flex;width: 100%;height: 25px;align-items: center">
|
|
- <img src="../../../assets/zhang/pubicCar/miniCar.png" width="30" style="object-fit: cover">
|
|
|
|
|
|
+ <img src="../../../assets/zhang/publicCar/miniCar.png" width="30" style="object-fit: cover">
|
|
<div style="color: white;font-size: 13px">{{ it.type }}</div>
|
|
<div style="color: white;font-size: 13px">{{ it.type }}</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%;height: 25px;color: #00FFFF;display: flex;margin-left: 10px">
|
|
<div style="width: 100%;height: 25px;color: #00FFFF;display: flex;margin-left: 10px">
|
|
@@ -51,7 +51,7 @@
|
|
<div style="display: flex;align-items: center;margin-bottom: 10px;padding-left: 30px">
|
|
<div style="display: flex;align-items: center;margin-bottom: 10px;padding-left: 30px">
|
|
<div style="height: 50px;margin-right: 15px" v-for="(it, index) in carActivationNum">
|
|
<div style="height: 50px;margin-right: 15px" v-for="(it, index) in carActivationNum">
|
|
<div style="display: flex;width: 100%;height: 25px;align-items: center">
|
|
<div style="display: flex;width: 100%;height: 25px;align-items: center">
|
|
- <img src="../../../assets/zhang/pubicCar/miniCar.png" width="30" style="object-fit: cover">
|
|
|
|
|
|
+ <img src="../../../assets/zhang/publicCar/miniCar.png" width="30" style="object-fit: cover">
|
|
<div style="color: white;font-size: 13px">{{ it.type }}</div>
|
|
<div style="color: white;font-size: 13px">{{ it.type }}</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%;height: 25px;color: #00FFFF;display: flex;margin-left: 10px">
|
|
<div style="width: 100%;height: 25px;color: #00FFFF;display: flex;margin-left: 10px">
|
|
@@ -83,7 +83,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex;align-items: center">
|
|
<div style="display: flex;align-items: center">
|
|
<div style="position: relative">
|
|
<div style="position: relative">
|
|
- <img src="../../../assets/zhang/pubicCar/arcBlueEx.png" width="90" style="margin: 20px 5px 0 33px">
|
|
|
|
|
|
+ <img src="../../../assets/zhang/publicCar/arcBlueEx.png" width="90" style="margin: 20px 5px 0 33px">
|
|
<div style="position: absolute;color: #00FFFF;top: 5px;left: 55px;font-size: 34px;font-family: 'electronicFont'">56<span style="font-size: 12px">%</span></div>
|
|
<div style="position: absolute;color: #00FFFF;top: 5px;left: 55px;font-size: 34px;font-family: 'electronicFont'">56<span style="font-size: 12px">%</span></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@@ -96,7 +96,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex;align-items: center">
|
|
<div style="display: flex;align-items: center">
|
|
<div style="position: relative">
|
|
<div style="position: relative">
|
|
- <img src="../../../assets/zhang/pubicCar/arcBlueEx.png" width="90" style="margin: 20px 5px 0 33px">
|
|
|
|
|
|
+ <img src="../../../assets/zhang/publicCar/arcBlueEx.png" width="90" style="margin: 20px 5px 0 33px">
|
|
<div style="position: absolute;color: #00FFFF;top: 5px;left: 55px;font-size: 34px;font-family: 'electronicFont'">56<span style="font-size: 12px">%</span></div>
|
|
<div style="position: absolute;color: #00FFFF;top: 5px;left: 55px;font-size: 34px;font-family: 'electronicFont'">56<span style="font-size: 12px">%</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -108,7 +108,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex;align-items: center;margin-bottom: 20px">
|
|
<div style="display: flex;align-items: center;margin-bottom: 20px">
|
|
<div style="position: relative;cursor: pointer" @click="chooseX">
|
|
<div style="position: relative;cursor: pointer" @click="chooseX">
|
|
- <img src="../../../assets/zhang/pubicCar/arcBlue.png" width="97" style="margin: 10px 5px 0 33px">
|
|
|
|
|
|
+ <img src="../../../assets/zhang/publicCar/arcBlue.png" width="97" style="margin: 10px 5px 0 33px">
|
|
<div style="position: absolute;width: 48px;color: #00FFFF;top: 5px;left: 55px;font-size: 12px;text-align: center">年度增加车辆数</div>
|
|
<div style="position: absolute;width: 48px;color: #00FFFF;top: 5px;left: 55px;font-size: 12px;text-align: center">年度增加车辆数</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 108px;height: 24px;color: #00FFFF;font-size: 34px;margin-bottom: 20px">
|
|
<div style="width: 108px;height: 24px;color: #00FFFF;font-size: 34px;margin-bottom: 20px">
|
|
@@ -118,7 +118,7 @@
|
|
</div>
|
|
</div>
|
|
<div style="display: flex;align-items: center">
|
|
<div style="display: flex;align-items: center">
|
|
<div style="position: relative;cursor: pointer" @click="chooseY">
|
|
<div style="position: relative;cursor: pointer" @click="chooseY">
|
|
- <img src="../../../assets/zhang/pubicCar/arcOrange.png" width="97" style="margin: 10px 5px 0 33px">
|
|
|
|
|
|
+ <img src="../../../assets/zhang/publicCar/arcOrange.png" width="97" style="margin: 10px 5px 0 33px">
|
|
<div style="position: absolute;width: 48px;color: #FEC72F;top: 5px;left: 55px;font-size: 12px;text-align: center">年度减少车辆数</div>
|
|
<div style="position: absolute;width: 48px;color: #FEC72F;top: 5px;left: 55px;font-size: 12px;text-align: center">年度减少车辆数</div>
|
|
</div>
|
|
</div>
|
|
<div style="width: 108px;height: 24px;color: #FEC72F;font-size: 34px;margin-bottom: 20px">
|
|
<div style="width: 108px;height: 24px;color: #FEC72F;font-size: 34px;margin-bottom: 20px">
|
|
@@ -656,7 +656,7 @@ export default {
|
|
width: 40px;
|
|
width: 40px;
|
|
height: 58px;
|
|
height: 58px;
|
|
margin-right: 3px;
|
|
margin-right: 3px;
|
|
- background: url("../../../assets/zhang/pubicCar/numBack.png") no-repeat;
|
|
|
|
|
|
+ background: url("../../../assets/zhang/publicCar/numBack.png") no-repeat;
|
|
color: #00FFFF;
|
|
color: #00FFFF;
|
|
font-size: 40px;
|
|
font-size: 40px;
|
|
display: flex;
|
|
display: flex;
|
|
@@ -677,7 +677,7 @@ export default {
|
|
height: 32px;
|
|
height: 32px;
|
|
margin-left: 35px;
|
|
margin-left: 35px;
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
- background: url("../../../assets/zhang/pubicCar/titleBox.png") no-repeat;
|
|
|
|
|
|
+ background: url("../../../assets/zhang/publicCar/titleBox.png") no-repeat;
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
}
|
|
.c1_titleText::after{
|
|
.c1_titleText::after{
|
|
@@ -696,7 +696,7 @@ export default {
|
|
height: 32px;
|
|
height: 32px;
|
|
margin-left: 35px;
|
|
margin-left: 35px;
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
- background: url("../../../assets/zhang/pubicCar/titleBox.png") no-repeat;
|
|
|
|
|
|
+ background: url("../../../assets/zhang/publicCar/titleBox.png") no-repeat;
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
}
|
|
.c1_titleText_half1::after{
|
|
.c1_titleText_half1::after{
|
|
@@ -711,7 +711,7 @@ export default {
|
|
height: 32px;
|
|
height: 32px;
|
|
margin-left: 35px;
|
|
margin-left: 35px;
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
- background: url("../../../assets/zhang/pubicCar/titleBox.png") no-repeat;
|
|
|
|
|
|
+ background: url("../../../assets/zhang/publicCar/titleBox.png") no-repeat;
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
}
|
|
.c1_titleText_half2::after{
|
|
.c1_titleText_half2::after{
|