style: distribute user center section spacing

This commit is contained in:
hajimi
2026-08-03 03:48:44 +08:00
parent 2125956478
commit 3f4359417e
+11 -16
View File
@@ -411,12 +411,15 @@ const handleMenuTap = (item: any) => {
} }
.user-section { .user-section {
flex-shrink: 0; flex: 1;
min-height: 0;
margin-bottom: 12rpx; margin-bottom: 12rpx;
padding: 14rpx 10rpx 10rpx; padding: 14rpx 10rpx 10rpx;
border-radius: 16rpx; border-radius: 16rpx;
background: #fff; background: #fff;
box-shadow: 0 8rpx 28rpx rgba(23, 40, 75, 0.04); box-shadow: 0 8rpx 28rpx rgba(23, 40, 75, 0.04);
display: flex;
flex-direction: column;
&__title { &__title {
display: block; display: block;
@@ -429,29 +432,17 @@ const handleMenuTap = (item: any) => {
} }
.user-section:last-child { .user-section:last-child {
flex: 1;
min-height: 0;
margin-bottom: 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 { .user-benefits {
padding-bottom: 12rpx; padding-bottom: 12rpx;
&__grid { &__grid {
flex: 1;
display: flex; display: flex;
gap: 10rpx; gap: 10rpx;
align-items: stretch;
} }
} }
@@ -550,10 +541,14 @@ const handleMenuTap = (item: any) => {
} }
.user-list { .user-list {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden; overflow: hidden;
&__item { &__item {
min-height: 58rpx; flex: 1;
min-height: 0;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 8rpx; padding: 0 8rpx;