style: distribute user center section spacing

uniapp/src/pages/user/user.vue

@@ -411,12 +411,15 @@ const handleMenuTap = (item: any) => {
 }
 
 .user-section {
-    flex-shrink: 0;
+    flex: 1;
+    min-height: 0;
     margin-bottom: 12rpx;
     padding: 14rpx 10rpx 10rpx;
     border-radius: 16rpx;
     background: #fff;
     box-shadow: 0 8rpx 28rpx rgba(23, 40, 75, 0.04);
+    display: flex;
+    flex-direction: column;
 
     &__title {
         display: block;
@@ -429,29 +432,17 @@ const handleMenuTap = (item: any) => {
 }
 
 .user-section:last-child {
-    flex: 1;
-    min-height: 0;
     margin-bottom: 0;
-    display: flex;
-    flex-direction: column;
-}
-
-.user-section:last-child .user-list {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-}
-
-.user-section:last-child .user-list__item {
-    flex: 1;
 }
 
 .user-benefits {
     padding-bottom: 12rpx;
 
     &__grid {
+        flex: 1;
         display: flex;
         gap: 10rpx;
+        align-items: stretch;
     }
 }
 
@@ -550,10 +541,14 @@ const handleMenuTap = (item: any) => {
 }
 
 .user-list {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
     overflow: hidden;
 
     &__item {
-        min-height: 58rpx;
+        flex: 1;
+        min-height: 0;
         display: flex;
         align-items: center;
         padding: 0 8rpx;