From 77dbabb1f1fa9c4ee2f7065f94d136b5538a5698 Mon Sep 17 00:00:00 2001
From: Ironsp <1522278303@qq.com>
Date: Tue, 13 Oct 2026 15:48:57 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83=5F?=
 =?UTF-8?q?=E5=9C=B0=E5=9D=80=E6=95=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/profile/address.vue                | 16 ++++---
 src/views/profile/cpns/AddressDialog.vue     | 16 +++----
 src/views/profile/cpns/QualificationCard.vue | 47 +++++++++-----------
 3 files changed, 38 insertions(+), 41 deletions(-)

diff --git a/src/views/profile/address.vue b/src/views/profile/address.vue
index 52e3dc8..295f77c 100644
--- a/src/views/profile/address.vue
+++ b/src/views/profile/address.vue
@@ -78,7 +78,7 @@ onMounted(() => {
         class="address-row"
       >
         <span v-if="address.isDefault" class="address-row__tag">默认</span>
-        <div class="address-row__col address-row__col--name">
+        <div class="address-row__col">
           <p class="address-row__label">收货人姓名</p>
           <EllipsisText class="address-row__value" :text="address.receiverName" />
         </div>
@@ -90,7 +90,7 @@ onMounted(() => {
           <p class="address-row__label">所在地区</p>
           <EllipsisText class="address-row__value" :text="address.region" />
         </div>
-        <div class="address-row__col address-row__col--detail">
+        <div class="address-row__col">
           <p class="address-row__label">详细地址</p>
           <EllipsisText class="address-row__value" :text="address.detailAddress" />
         </div>
@@ -144,8 +144,9 @@ onMounted(() => {
 <style lang="less" scoped>
 .address-page {
   .flex(column, flex-start);
-  gap: 20px;
+  gap: @spacing-lg;
   width: 100%;
+  min-width: 0;
 
   &__head {
     .flex(row, space-between, center);
@@ -158,7 +159,7 @@ onMounted(() => {
     font-size: @font-size-base;
     font-weight: 600;
     color: @profile-ink;
-    line-height: 20px;
+    line-height: 1.4;
 
     &::before {
       content: '';
@@ -174,7 +175,7 @@ onMounted(() => {
 
   &__create {
     height: 32px;
-    padding: 0 14px;
+    padding: 0 @spacing-base;
     border: none;
     border-radius: @profile-radius;
     background: @primary-strong;
@@ -191,15 +192,16 @@ onMounted(() => {
 
   &__list {
     .flex(column, flex-start, stretch);
-    gap: 15px;
+    gap: @spacing-base;
     width: 100%;
+    min-width: 0;
   }
 
   &__empty {
     padding: @spacing-xxl 0;
     width: 100%;
     text-align: center;
-    font-size: 13px;
+    font-size: @font-size-sm;
   }
 
   :deep(.pagination) {
diff --git a/src/views/profile/cpns/AddressDialog.vue b/src/views/profile/cpns/AddressDialog.vue
index 2ec3b3a..3ac8875 100644
--- a/src/views/profile/cpns/AddressDialog.vue
+++ b/src/views/profile/cpns/AddressDialog.vue
@@ -148,10 +148,10 @@ function onSave(): void {
   &__title {
     position: relative;
     padding-left: 12px;
-    font-size: 12px;
-    font-weight: 700;
+    font-size: @font-size-base;
+    font-weight: 600;
     color: @heading-color;
-    line-height: 20px;
+    line-height: 1.4;
 
     &::before {
       content: '';
@@ -172,7 +172,7 @@ function onSave(): void {
   }
 
   &__label {
-    font-size: 11px;
+    font-size: @font-size-sm;
     font-weight: 500;
     color: @heading-color;
   }
@@ -180,11 +180,11 @@ function onSave(): void {
   &__input,
   &__textarea {
     width: 100%;
-    padding: 0 12px;
+    padding: 0 @spacing-base;
     border: 1px solid @profile-input-border;
     border-radius: @profile-radius;
     background: @white;
-    font-size: 11px;
+    font-size: @font-size-sm;
     color: @text-color;
     outline: none;
     transition: border-color 0.2s;
@@ -195,7 +195,7 @@ function onSave(): void {
     }
 
     &::placeholder {
-      color: @heading-color;
+      color: @text-color-secondary;
     }
   }
 
@@ -218,7 +218,7 @@ function onSave(): void {
   .app-button {
     flex: 1;
     height: 36px;
-    font-size: 12px;
+    font-size: @font-size-sm;
     font-weight: 500;
     border-radius: @profile-radius;
   }
diff --git a/src/views/profile/cpns/QualificationCard.vue b/src/views/profile/cpns/QualificationCard.vue
index d4cf5ee..27290c6 100644
--- a/src/views/profile/cpns/QualificationCard.vue
+++ b/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;