diff --git a/uniapp/src/pages/user/user.vue b/uniapp/src/pages/user/user.vue index 4406c7e..52452f4 100644 --- a/uniapp/src/pages/user/user.vue +++ b/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;