个人中心样式修改。

front/src/views/personalCenter/components/PurchaseVehicle.vue

@@ -118,7 +118,7 @@
                     </div>
                     <!-- // todo -->
                     <span class="time">
-                      <span v-if="!itShowXiHaiAn">
+                      <span class="time-line" v-if="!itShowXiHaiAn">
                         加购时间:{{ item.time }}
                       </span>
                       <a-popconfirm
@@ -128,7 +128,7 @@
                         @confirm="handleDelete(item, valIndex)"
                         @cancel="cancel"
                       >
-                        <a-button
+                        <!-- <a-button
                           type="primary"
                           style="
                             width: 0.7rem;
@@ -141,7 +141,8 @@
                           @click="del"
                         >
                           删除
-                        </a-button>
+                        </a-button> -->
+                        <span class="del-record" @click="del"></span>
                       </a-popconfirm>
                     </span>
                     <svg
@@ -852,15 +853,34 @@
           margin-left: 0.3rem;
           font-size: 0.12rem;
           color: #ccc;
+          display: flex;
+          align-content: center;
+          .time-line{
+            line-height: 32px;
+          }
+          .del-record {
+            width:32px;
+            height: 32px;
+            background: url('~@/assets/home/del.png') no-repeat;
+            cursor: pointer;
+            background-size: 100%;
+            margin-left: 0.12rem;
+            &:hover{
+              background: url('~@/assets/home/del-on.png') no-repeat;
+            }
+          }
         }
 
         .type {
           margin-left: 0.1rem;
           padding: 0.03rem 0.1rem;
           background: #00a7e3;
+          border-radius: 3px;
+          // background: linear-gradient(-80deg, transparent 10%, #00a7e3 10%, #00a7e3 90%, transparent 0);
           color: #fff;
+          transform: skewX(-10deg);
         }
-
+        
         :deep(.ant-list-item-meta-description) {
           margin-top: 0.1rem;
           max-height: 0.22rem;
@@ -929,7 +949,7 @@
       }
 
       .sousuokuang {
-        width: 3.25rem;
+        width: 3.13rem;
         margin: 0.1rem 0rem 0.21rem 0.2rem;
 
         .ant-input-search {
@@ -1104,6 +1124,7 @@
     width: 1rem;
     height: 0.36rem;
     border-radius: 2px;
+    margin-left: 0.12rem;
     background: #fff;
     color: #0558e1;
   }
@@ -1114,4 +1135,5 @@
     margin-left: 0.12rem;
     border-radius: 2px;
   }
+  
 </style>