OTA车型-添加-数据空格

This commit is contained in:
刘彦泽
2023-03-29 16:08:17 +08:00
parent 9e049e5715
commit 44cd7a3295
@@ -15,58 +15,58 @@
<div style='width: 400px'> <div style='width: 400px'>
<span class='content-text' style='background: #f3f6f6;line-height: 50px;text-align: center;color: #191E29;font-weight: bold'>{{$t('componentname')}}</span> <span class='content-text' style='background: #f3f6f6;line-height: 50px;text-align: center;color: #191E29;font-weight: bold'>{{$t('componentname')}}</span>
<span class='radio-text' :title="$t('networksecurityrequirements')"> <span class='radio-text' :title="$t('networksecurityrequirements')">
&nbsp;&nbsp;{{$t('networksecurityrequirements')}} {{$t('networksecurityrequirements')}}
</span> </span>
<span class='radio-text' :title="$t('millimeterwaveradar')"> <span class='radio-text' :title="$t('millimeterwaveradar')">
&nbsp;&nbsp;{{$t('millimeterwaveradar')}} {{$t('millimeterwaveradar')}}
</span> </span>
<span class='radio-text' :title="$t('ultrasonicradar')"> <span class='radio-text' :title="$t('ultrasonicradar')">
&nbsp;&nbsp;{{$t('ultrasonicradar')}} {{$t('ultrasonicradar')}}
</span> </span>
<span class='text-box'> <span class='text-box'>
<span class='text-text' :title="$t('camera')"> <span class='text-text' :title="$t('camera')">
&nbsp;&nbsp;{{$t('camera')}} {{$t('camera')}}
</span> </span>
<span class='text-text-two' :title="$t('asternimage')"> <span class='text-text-two' :title="$t('asternimage')">
&nbsp;&nbsp;{{$t('asternimage')}} {{$t('asternimage')}}
</span> </span>
<span class='text-text-two' :title="$t('Monocularbinocularmultiocular')"> <span class='text-text-two' :title="$t('Monocularbinocularmultiocular')">
&nbsp;&nbsp;{{$t('Monocularbinocularmultiocular')}} {{$t('Monocularbinocularmultiocular')}}
</span> </span>
</span> </span>
<span class='text-box'> <span class='text-box'>
<span class='text-text' :title="$t('driverattentionmonitoringsystem')"> <span class='text-text' :title="$t('driverattentionmonitoringsystem')">
&nbsp;&nbsp;{{$t('driverattentionmonitoringsystem')}} {{$t('driverattentionmonitoringsystem')}}
</span> </span>
<span class='text-text-two' :title="$t('driversurveillancecamera')"> <span class='text-text-two' :title="$t('driversurveillancecamera')">
&nbsp;&nbsp;{{$t('driversurveillancecamera')}} {{$t('driversurveillancecamera')}}
</span> </span>
<span class='text-text-two' :title="$t('drivermonitoringinfraredsensor')"> <span class='text-text-two' :title="$t('drivermonitoringinfraredsensor')">
&nbsp;&nbsp;{{$t('drivermonitoringinfraredsensor')}} {{$t('drivermonitoringinfraredsensor')}}
</span> </span>
</span> </span>
<span class='text-box-two' > <span class='text-box-two' >
<span class='text-text' style='height: 450px;line-height: 450px' :title="$t('positioningandnavigationsystem')"> <span class='text-text' style='height: 450px;line-height: 20px' :title="$t('positioningandnavigationsystem')">
&nbsp;&nbsp;{{$t('positioningandnavigationsystem')}} {{$t('positioningandnavigationsystem')}}
</span> </span>
<span style="padding: 10px" class='text-text-three' :title="$t('vehiclesatellitepositioningequipment')"> <span style="padding: 10px" class='text-text-three' :title="$t('vehiclesatellitepositioningequipment')">
{{$t('vehiclesatellitepositioningequipment')}} {{$t('vehiclesatellitepositioningequipment')}}
</span> </span>
<span class='text-text-three' :title="$t('inertialnavigationsystem')"> <span class='text-text-three' :title="$t('inertialnavigationsystem')">
&nbsp;&nbsp;{{$t('inertialnavigationsystem')}} {{$t('inertialnavigationsystem')}}
</span> </span>
<span class='text-text-three' :title="$t('wheelspeedmeter')"> <span class='text-text-three' :title="$t('wheelspeedmeter')">
&nbsp;&nbsp;{{$t('wheelspeedmeter')}} {{$t('wheelspeedmeter')}}
</span> </span>
<span class='text-text-three' :title="$t('highprecisionmap')"> <span class='text-text-three' :title="$t('highprecisionmap')">
&nbsp;&nbsp;{{$t('highprecisionmap')}} {{$t('highprecisionmap')}}
</span> </span>
<span class='text-text-five' :title="$t('electronicfence')"> <span class='text-text-five' :title="$t('electronicfence')">
&nbsp;&nbsp;{{$t('electronicfence')}} {{$t('electronicfence')}}
</span> </span>
</span> </span>
<span class='text-box-three' :title="$t('vehiclecommunicationsystem')"> <span class='text-box-three' :title="$t('vehiclecommunicationsystem')">
&nbsp;&nbsp;{{$t('vehiclecommunicationsystem')}} {{$t('vehiclecommunicationsystem')}}
</span> </span>
<span class='text-box-four'> <span class='text-box-four'>
<span style="padding: 10px" class='four-text-text' :title="$t('signalingdevices')"> <span style="padding: 10px" class='four-text-text' :title="$t('signalingdevices')">
@@ -86,10 +86,10 @@
</span> </span>
</span> </span>
<span class='text-box-five' :title="$t('automaticDrivingDataRecordingSystem')"> <span class='text-box-five' :title="$t('automaticDrivingDataRecordingSystem')">
&nbsp;&nbsp;{{$t('automaticDrivingDataRecordingSystem')}} {{$t('automaticDrivingDataRecordingSystem')}}
</span> </span>
<span class='text-box-five' :title="$t('eventdatarecordingsystem')"> <span class='text-box-five' :title="$t('eventdatarecordingsystem')">
&nbsp;&nbsp;{{$t('eventdatarecordingsystem')}} {{$t('eventdatarecordingsystem')}}
</span> </span>
</div> </div>
<div style='width: 300px'> <div style='width: 300px'>
@@ -1067,6 +1067,7 @@ button{
width: 100%; width: 100%;
height: 200px; height: 200px;
line-height: 200px; line-height: 200px;
padding: 10px;
} }
.radio-text-two{ .radio-text-two{
display: inline-block; display: inline-block;
@@ -1076,6 +1077,9 @@ button{
width: 100%; width: 100%;
height: 100px; height: 100px;
line-height: 100px; line-height: 100px;
padding: 10px;
display: flex;
align-items: center;
} }
.radio-text-three{ .radio-text-three{
display: inline-block; display: inline-block;
@@ -1085,6 +1089,9 @@ button{
width: 100%; width: 100%;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
padding: 10px;
align-items: center;
display: flex;
} }
.radio-text-four{ .radio-text-four{
display: inline-block; display: inline-block;
@@ -1094,6 +1101,7 @@ button{
width: 100%; width: 100%;
height: 250px; height: 250px;
line-height: 250px; line-height: 250px;
padding: 10px;
} }
.radio-text-five{ .radio-text-five{
display: inline-block; display: inline-block;
@@ -1103,6 +1111,7 @@ button{
width: 100%; width: 100%;
height: 150px; height: 150px;
line-height: 150px; line-height: 150px;
padding: 10px;
} }
.text-box{ .text-box{
display: inline-block; display: inline-block;
@@ -1131,6 +1140,7 @@ button{
display: flex; display: flex;
justify-content: left; justify-content: left;
align-items: center; align-items: center;
padding: 10px;
} }
.text-text-two{ .text-text-two{
/*display: inline-block;*/ /*display: inline-block;*/
@@ -1144,6 +1154,7 @@ button{
display: flex; display: flex;
justify-content: left; justify-content: left;
align-items: center; align-items: center;
padding: 10px;
} }
.text-text-three{ .text-text-three{
/*display: inline-block;*/ /*display: inline-block;*/
@@ -1156,6 +1167,7 @@ button{
display: flex; display: flex;
justify-content: left; justify-content: left;
align-items: center; align-items: center;
padding: 10px;
} }
.text-text-five{ .text-text-five{
/*display: inline-block;*/ /*display: inline-block;*/
@@ -1168,6 +1180,7 @@ button{
display: flex; display: flex;
justify-content: left; justify-content: left;
align-items: center; align-items: center;
padding: 10px;
} }
.text-box-three{ .text-box-three{
display: inline-block; display: inline-block;
@@ -1177,6 +1190,7 @@ button{
width: 100%; width: 100%;
height: 250px; height: 250px;
line-height: 250px; line-height: 250px;
padding: 10px;
} }
.text-box-four{ .text-box-four{
display: inline-block; display: inline-block;
@@ -1218,7 +1232,10 @@ button{
border-right: none; border-right: none;
width: 100%; width: 100%;
height: 100px; height: 100px;
line-height: 100px; line-height: 20px;
display: flex;
align-items: center;
padding: 10px;
} }
span{ span{
/* overflow: hidden; /*超出部分隐藏*/ /* overflow: hidden; /*超出部分隐藏*/