Merge pull request #94 from tron/lock/release-2.8.0/parkingInvoice

feat(KIP-9217): ui revamp

src/pages/parkingFee/parkingFeeList.vue

@@ -156,7 +156,7 @@ export default {
 
 .choice_card {
   width: calc(100% - 48px);
-  margin:43px 24px;
+  margin:20px 24px;
   // margin-top: 30px;
   // padding: 30px;
   // border-radius: 20px;

src/pages/parkingFee/parkingReceipt/parkingOrderDetail.vue

@@ -112,7 +112,7 @@ export default {
     .bg_parkingRoom {
       background-color: #F4F7FF;
       width: 100%;
-      padding: 15px 0;
+      padding: 15px 0 15px 8px;
 
     }
     .choice_card_index_text {

src/pages/parkingFee/parkingReceipt/parkingReceipt.vue

@@ -14,7 +14,7 @@
     <div class="choice_card">
       <div class="suggestion-list">
         <van-checkbox-group v-model="ids" @change="checkboxChange">
-          <label class="uni-list-cell uni-list-cell-pd" @click.stop="goToDeatil(item)" v-for="(item, index) in list" :key="index" :index="item.id" :activity="total - 1">
+          <div class="uni-list-cell uni-list-cell-pd" @click.stop="goToDeatil(item)" v-for="(item, index) in list" :key="index" :index="item.id" :activity="total - 1">
             <div class="choice_card_item">
               <div class="orderNum"  v-if="tabIndex == 1">{{ item.orderNo }}</div>
               <div class="orderNum"  v-else>
@@ -127,7 +127,7 @@
               </div>
               
             </div>
-          </label>
+          </div>
         </van-checkbox-group>
         
       </div>
@@ -174,7 +174,9 @@ export default {
   height: 100vh;
   // padding-bottom: 100px;
   background: #F4F7FF;
-
+  .uni-list-cell {
+    margin-bottom: 20px !important;
+  }
   .choice {
     width: 750px;
     background-color: #fafbff;
@@ -248,6 +250,7 @@ export default {
       // border: 2px solid #ddd;
       background: #FBFCFF;
       border-radius: 8px;
+      // margin-bottom: 20px;
       // margin: 20px 0;
       // border-radius: 20px;
       // background-color: #fff;
@@ -563,7 +566,7 @@ export default {
 .suggestion-list {
   display: flex;
   flex-direction: column;
-  // background: #fff;
+  background: #F4F7FF;
   border-radius: 15px;
 }