style: fill user center viewport

uniapp/src/pages/user/user.vue

@@ -253,6 +253,8 @@ const handleMenuTap = (item: any) => {
 .user-page {
     height: 100vh;
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
     background: #fff;
     color: #111827;
     padding-bottom: 0;
@@ -401,10 +403,15 @@ const handleMenuTap = (item: any) => {
 }
 
 .user-content {
+    flex: 1;
+    min-height: 0;
     padding: 0 24rpx;
+    display: flex;
+    flex-direction: column;
 }
 
 .user-section {
+    flex-shrink: 0;
     margin-bottom: 12rpx;
     padding: 14rpx 10rpx 10rpx;
     border-radius: 16rpx;
@@ -422,7 +429,21 @@ 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 {