gap问题

hdApp/src/admin/member/detail.vue

@@ -928,12 +928,16 @@ export default {
         .user-detail-info {
           @include disFlex(flex-start, flex-start);
           flex-direction: column;
-          gap: 8upx;
           
           .user-real-name, .user-id {
             font-size: 30upx;
             color: #666;
             line-height: 1.2;
+            margin-top: 8upx;
+            
+            &:first-child {
+              margin-top: 0;
+            }
           }
         }
       }
@@ -945,7 +949,6 @@ export default {
         .member-badge-row {
           @include disFlex(center, center);
           flex-direction: column;
-          gap: 8upx;
           align-items: center;
           
           .member-badge-icon {
@@ -957,6 +960,7 @@ export default {
             font-size: 26upx;
             color: #09C567;
             text-align: center;
+            margin-top: 8upx;
           }
         }
         
@@ -992,12 +996,12 @@ export default {
         
         .balance-label-row {
           @include disFlex(center, center);
-          gap: 8upx;
           
           .balance-arrow {
             font-size: 24upx;
             color: #999;
             transition: transform 0.3s ease;
+            margin-left: 8upx;
           }
         }
         
@@ -1058,13 +1062,17 @@ export default {
     }
     .action-buttons {
       @include disFlex(center, center);
-      gap: 50upx;
       .edit-btn, .call-btn {
         width: 60upx;
         height: 60upx;
         @include disFlex(center, center);
         border-radius: 50%;
         font-size: 48upx;
+        margin-left: 50upx;
+        
+        &:first-child {
+          margin-left: 0;
+        }
       }
       .edit-btn {
         background-color: #f8f9fa;
@@ -1117,7 +1125,6 @@ export default {
         &.address-text {
           @include disFlex(flex-start, flex-start);
           flex-direction: column;
-          gap: 8upx;
           
           .address-main {
             .city-name {
@@ -1129,7 +1136,7 @@ export default {
           .show-address {
             color: #999;
             font-size: 28upx;
-            margin-top: 4upx;
+            margin-top: 8upx;
           }
         }
       }
@@ -1293,11 +1300,16 @@ export default {
    .payment-buttons {
     display: flex;
     flex-wrap: wrap;
-    gap: 12upx;
     
     button {
       flex: 1;
       min-width: 120upx;
+      margin-right: 12upx;
+      margin-bottom: 12upx;
+      
+      &:nth-child(4n) {
+        margin-right: 0;
+      }
     }
   }
 
@@ -1340,7 +1352,15 @@ export default {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
-   gap: 10upx;
+   
+   > * {
+     margin-right: 10upx;
+     margin-bottom: 10upx;
+     
+     &:last-child {
+       margin-right: 0;
+     }
+   }
  }
 
    .recharge-amount {
@@ -1368,7 +1388,6 @@ export default {
 
    .popup-footer {
     display: flex;
-    gap: 20upx;
     padding: 40upx;
     background: #fff;
     border-top: 1upx solid #f0f0f0;
@@ -1380,6 +1399,11 @@ export default {
       display: flex;
       align-items: center;
       justify-content: center;
+      margin-right: 20upx;
+      
+      &:last-child {
+        margin-right: 0;
+      }
     }
   }
 
@@ -1478,17 +1502,20 @@ export default {
     
     .type-buttons {
       display: flex;
-      gap: 20upx;
       
       button {
         flex: 1;
+        margin-right: 20upx;
+        
+        &:last-child {
+          margin-right: 0;
+        }
       }
     }
     
          .month-buttons {
        display: flex;
        flex-wrap: wrap;
-       gap: 10upx;
      }
      
      .month-button {
@@ -1502,8 +1529,13 @@ export default {
        border-radius: 8upx;
        font-size: 30upx;
        color: #333;
+       margin-right: 10upx;
        margin-bottom: 10upx;
        
+       &:nth-child(4n) {
+         margin-right: 0;
+       }
+       
        &.active {
          background: #e8f5ff;
          border-color: #3385FF;
@@ -1540,7 +1572,6 @@ export default {
      .date-buttons {
        display: flex;
        flex-wrap: wrap;
-       gap: 10upx;
      }
      
      .date-button {
@@ -1554,9 +1585,14 @@ export default {
        border-radius: 8upx;
        font-size: 30upx;
        color: #333;
+       margin-right: 10upx;
        margin-bottom: 10upx;
        box-sizing: border-box;
        
+       &:nth-child(4n) {
+         margin-right: 0;
+       }
+       
        &.active {
          background: #e8f5ff;
          border-color: #3385FF;