diff --git a/front/src/views/personalCenter/components/PurchaseVehicle.vue b/front/src/views/personalCenter/components/PurchaseVehicle.vue
index 75312063..b55ce3a7 100644
--- a/front/src/views/personalCenter/components/PurchaseVehicle.vue
+++ b/front/src/views/personalCenter/components/PurchaseVehicle.vue
@@ -11,7 +11,7 @@
     />
     <a-button
       type="primary"
-      style="width: 80px; height: 36px; margin-left: 10px"
+      style="width: 0.8rem; height: 0.36rem; margin-left: 0.1rem"
       @click="clean"
     >
       重置
@@ -62,7 +62,7 @@
                 width="50"
                 height="50"
                 v-if="item.delFlag == 4 || item.delFlag == 5"
-                style="position: absolute; top: 0; left: 100px"
+                style="position: absolute; top: 0; left: 1rem"
               >
                 <path
                   d="M955.22053 256C813.82053 11.2 500.72053-72.6 255.92053 68.8S-72.67947 523.2 68.72053 768 523.22053 1096.6 768.02053 955.2c244.7-141.2 328.6-454.1 187.4-698.8 0-0.1-0.1-0.3-0.2-0.4zM762.02053 944.7c-239 138.1-544.8 56.2-682.9-182.8S22.92053 217.1 261.92053 79.1s544.8-56.2 682.9 182.8c137.9 239 56.1 544.6-182.8 682.8z"
@@ -130,14 +130,14 @@
       >
         <a-button
           type="primary"
-          style="width: 70px; height: 32px; margin-left: 10px"
+          style="width: 0.7rem; height: 0.32rem; margin-left: 0.1rem"
         >
           删除
         </a-button>
       </a-popconfirm>
       <a-button
         type="primary"
-        style="width: 70px; height: 32px; margin-left: 10px"
+        style="width: 0.7rem; height: 0.32rem; margin-left: 0.1rem"
         @click="collection"
       >
         收藏
@@ -151,7 +151,7 @@
       </p>
       <a-button
         type="primary"
-        style="width: 100px; height: 32px; margin-left: 30px"
+        style="width: 1rem; height: 0.32rem; margin-left: 0.3rem"
         @click="apply"
       >
         一键申请
@@ -227,7 +227,9 @@
     getTopCategory().then((res) => {
       console.log('编目一级=============>', res.data)
       res.data.data.forEach((val) => {
-        tabList.value.push(val.name)
+        if (val.name == '应用资源' || val.name == '组件服务') {
+          tabList.value.push(val.name)
+        }
       })
     })
   }
@@ -431,23 +433,23 @@
 </script>
 <style lang="less" scoped>
   .ant-list {
-    height: 540px;
+    height: 5.4rem;
     overflow-y: scroll;
     .ant-list-item-meta {
       align-items: center;
       :deep(.ant-list-item-meta-avatar) {
-        padding-left: 20px;
-        margin-right: 30px;
+        padding-left: 0.2rem;
+        margin-right: 0.3rem;
       }
       .time {
-        margin-left: 30px;
-        font-size: 12px;
+        margin-left: 0.3rem;
+        font-size: 0.12rem;
         color: #ccc;
       }
       :deep(.ant-list-item-meta-description) {
-        max-height: 44px;
+        max-height: 0.44rem;
         overflow: hidden;
-        margin-right: 10px;
+        margin-right: 0.1rem;
       }
     }
   }
@@ -455,12 +457,12 @@
     width: 0 !important;
   }
   .bottom {
-    margin: 10px;
+    margin: 0.1rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
     .left span {
-      margin-left: 10px;
+      margin-left: 0.1rem;
     }
     .right {
       display: flex;
@@ -469,63 +471,63 @@
         color: #0087ff;
       }
       .num {
-        font-size: 20px;
+        font-size: 0.2rem;
       }
       button {
-        margin-bottom: 10px;
+        margin-bottom: 0.1rem;
       }
     }
   }
   .title {
-    font-size: 20px;
+    font-size: 0.2rem;
     color: #000000;
     font-family: 'Alibaba PuHuiTi';
     font-weight: 500;
-    margin-top: 20px;
-    margin-left: 20px;
+    margin-top: 0.2rem;
+    margin-left: 0.2rem;
   }
   .sousuokuang {
-    margin: 10px 0px 21px 20px;
+    margin: 0.1rem 0rem 0.21rem 0.2rem;
     .ant-input-search {
-      max-width: 490px;
+      max-width: 4.9rem;
     }
     :deep(.ant-input) {
-      width: 400px;
-      height: 36px;
-      font-size: 14px;
+      width: 4rem;
+      height: 0.36rem;
+      font-size: 0.14rem;
       color: #b2b2b2;
       background: #f5f5f5;
     }
     :deep(.ant-input-group-addon) {
       display: inline-block;
-      margin-left: 10px;
+      margin-left: 0.1rem;
       .ant-input-search-button {
-        width: 80px;
-        height: 36px;
-        border-radius: 4px;
-        font-size: 14px;
+        width: 0.8rem;
+        height: 0.36rem;
+        border-radius: 0.04rem;
+        font-size: 0.14rem;
       }
     }
   }
   .tab {
-    margin-top: 10px;
-    margin-left: 20px;
-    margin-bottom: 10px;
+    margin-top: 0.1rem;
+    margin-left: 0.2rem;
+    margin-bottom: 0.1rem;
     display: flex;
-    font-size: 14px;
+    font-size: 0.14rem;
     color: #999999;
     div {
-      width: 70px;
-      height: 24px;
-      border: 1px solid #cccccc;
-      border-radius: 12px;
-      margin-left: 10px;
+      width: 0.7rem;
+      height: 0.24rem;
+      border: 0.01rem solid #cccccc;
+      border-radius: 0.12rem;
+      margin-left: 0.1rem;
       text-align: center;
       color: #666666;
       cursor: pointer;
     }
     .tabclass {
-      border: 1px solid #0087ff;
+      border: 0.01rem solid #0087ff;
       color: #0087ff;
     }
   }