UI优化

src/pages/parkingFee/vehicleManagement.vue

@@ -75,7 +75,13 @@
             </div>
           </div>
         </div>
-
+        <div
+          class="add_plate_no_data"
+          v-if="!licensePlateList.length"
+          @click="toAdd"
+        >
+          添加车牌+
+        </div>
         <div class="wrap_plate mt36">
           <div class="title">温馨提示:</div>
           <div class="desc">·用户可以添加多个"燃油车牌号"或"新能源车牌号"</div>
@@ -119,7 +125,7 @@
         </div>
       </div>
     </van-popup>
-    <div class="add_plate" v-if="licensePlateList.length < 3" @click="toAdd">
+    <div class="add_plate" v-if="licensePlateList.length && licensePlateList.length < 3" @click="toAdd">
       <div class="add_plate_btn">+添加车牌号</div>
     </div>
   </div>
@@ -775,6 +781,18 @@ export default {
   color: #6e6e6e;
 }
 
+.add_plate_no_data {
+  width: 90%;
+  height: 200px;
+  text-align: center;
+  line-height: 200px;
+  // border: 1px dashed #eaeaea;
+  border: 1px solid #d8dae0;
+  margin-left: 40px;
+  margin-top: 20px;
+  color: #999999;
+  background-color: #fafbff;
+}
 .add_plate {
   text-align: center;
   // border: 1px dashed #eaeaea;
@@ -785,7 +803,7 @@ export default {
   left: 0;
   z-index: 999;
   padding: 30px;
-  box-shadow: 0px 13px 33px 0px rgba(190,187,187,0.2);
+  box-shadow: 0px 13px 33px 0px rgba(190, 187, 187, 0.2);
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);