| | |
| | | min-height: 100vh; |
| | | background: #F5F6FA; |
| | | padding-bottom: 40rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | .my-container .user-card { |
| | | background: linear-gradient(135deg, #0f95b0, #89C4C1); |
| | |
| | | .my-container .user-card .user-info .info .id { |
| | | font-size: 26rpx; |
| | | color: rgba(255, 255, 255, 0.9); |
| | | margin-bottom: 4rpx; |
| | | display: block; |
| | | } |
| | | .my-container .user-card .user-info .info .coordinator { |
| | | font-size: 22rpx; |
| | | color: rgba(255, 255, 255, 0.75); |
| | | display: block; |
| | | margin-top: 4rpx; |
| | | } |
| | | .my-container .user-card .user-info .info .coordinator text { |
| | | font-size: 20rpx; |
| | | color: rgba(255, 255, 255, 0.65); |
| | | } |
| | | .my-container .user-card .vip-info { |
| | | text-align: right; |
| | |
| | | border-radius: 24rpx; |
| | | padding: 30rpx; |
| | | display: grid; |
| | | grid-template-columns: repeat(4, 1fr); |
| | | grid-template-columns: repeat(3, 1fr); |
| | | gap: 20rpx; |
| | | box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05); |
| | | } |
| | |
| | | .my-container .function-list { |
| | | margin-top: 20rpx; |
| | | margin-left: 5rpx; |
| | | flex: 1; |
| | | /* 新增:占据剩余空间 */ |
| | | } |
| | | .my-container .function-list .section { |
| | | margin-bottom: 20rpx; |
| | |
| | | } |
| | | .my-container .logout-btn:active { |
| | | background: #fafafa; |
| | | } |
| | | |
| | | /* 底部统一样式 */ |
| | | .footer-wrapper { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | padding: 10rpx 0 20rpx; |
| | | /* 减少内边距,更紧凑 */ |
| | | margin-top: 20rpx; |
| | | /* 与上方内容保持间距 */ |
| | | } |
| | | .footer { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .tech-logo { |
| | | width: 40rpx; |
| | | height: 40rpx; |
| | | margin: 0 8rpx; |
| | | } |
| | | .footer-item { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .footer-text { |
| | | font-size: 22rpx; |
| | | color: #b0b0b0; |
| | | } |
| | | .tech-text { |
| | | font-size: 24rpx; |
| | | color: #999; |
| | | } |