feat 个人中心_地址整改

src/views/profile/cpns/QualificationCard.vue

@@ -74,7 +74,17 @@ const STATUS_CLASS: Record<QualificationStatus, string> = {
 <style lang="less" scoped>
 .qual-row {
   position: relative;
-  .flex(row, flex-start, center);
+  display: grid;
+  grid-template-columns:
+    minmax(72px, 0.9fr)
+    minmax(100px, 1.2fr)
+    minmax(100px, 1.1fr)
+    minmax(100px, 1.1fr)
+    minmax(140px, 1.4fr)
+    minmax(64px, 0.7fr)
+    auto;
+  align-items: center;
+  gap: @spacing-base;
   min-height: 72px;
   padding: @spacing-base @spacing-lg;
   border: 1px solid @border-color;
@@ -83,37 +93,22 @@ const STATUS_CLASS: Record<QualificationStatus, string> = {
   box-sizing: border-box;
 
   &__col {
-    flex: 0 0 200px;
     min-width: 0;
-    padding-right: 20px;
-    box-sizing: border-box;
-
-    &--name {
-      flex: 0 0 270px;
-    }
-
-    &--valid {
-      flex: 0 0 250px;
-    }
-
-    &--status {
-      flex: 0 0 100px;
-    }
   }
 
   &__label {
+    margin: 0;
     font-size: @font-size-sm;
-    color: @finance-axis-text;
-    line-height: 16px;
+    color: @text-color-secondary;
+    line-height: 1.4;
   }
 
   &__value {
-    margin-top: 6px;
+    margin-top: @spacing-xs;
     font-size: @font-size-base;
     font-weight: 600;
     color: @profile-ink;
-    line-height: 20px;
-    .ellipsis();
+    line-height: 1.4;
   }
 
   &__status {
@@ -131,10 +126,9 @@ const STATUS_CLASS: Record<QualificationStatus, string> = {
   }
 
   &__actions {
-    .flex(row, flex-start, center);
-    flex-shrink: 0;
-    gap: 12px;
-    margin-left: auto;
+    .flex(row, flex-end, center);
+    flex-wrap: wrap;
+    gap: @spacing-sm;
   }
 
   &__btn {
@@ -143,8 +137,9 @@ const STATUS_CLASS: Record<QualificationStatus, string> = {
     border: 1px solid @border-color;
     border-radius: @radius-round;
     background: @white;
-    color: @finance-entry-text;
+    color: @text-color;
     font-size: @font-size-sm;
+    white-space: nowrap;
     cursor: pointer;
     transition: all 0.2s;