ui

src/pages/parkingFee/vehicleAddOrEdit.vue

@@ -572,11 +572,11 @@ export default {
     font-size: 30px;
 
     .car-type {
-      font-size: 36px;
+      font-size: 34px;
       font-weight: 600;
       color: #333333;
       line-height: 50px;
-      width: 144px;
+      // width: 144px;
       margin-right: 54px;
     }
 

src/pages/parkingFee/vehicleManagement.vue

@@ -126,11 +126,12 @@
       </div>
     </van-popup>
     <div
-      class="add_plate"
+      class="add_plate_box"
       v-if="licensePlateList.length && licensePlateList.length < 3"
       @click="toAdd"
     >
       <div class="add_plate_btn">+添加车牌号</div>
+      <div class="btnpb"></div>
     </div>
   </div>
 </template>
@@ -797,7 +798,7 @@ export default {
   color: #999999;
   background-color: #fafbff;
 }
-.add_plate {
+.add_plate_box {
   text-align: center;
   // border: 1px dashed #eaeaea;
   background-color: #fafbff;
@@ -808,12 +809,11 @@ export default {
   z-index: 999;
   padding: 30px;
   box-shadow: 0px 13px 33px 0px rgba(190, 187, 187, 0.2);
-  background-color: #29abe2 ;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-  margin-bottom: constant(safe-area-inset-bottom);
-  margin-bottom: env(safe-area-inset-bottom);
-
+  .btnpb {
+    width: 100%;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+  }
   .add_plate_btn {
     width: 100%;
     // margin-left: 30px;
@@ -823,6 +823,7 @@ export default {
     border-radius: 45px;
     font-size: 34px;
     font-weight: 400;
+    margin-bottom: 30px;
     color: #ffffff;
   }
 }