| | |
| | | line-height: 1.6; |
| | | } |
| | | |
| | | /* 用户信息区域样式 */ |
| | | .user-info-section { |
| | | background: #ffffff; |
| | | margin-bottom: 20rpx; |
| | | border-radius: 12rpx; |
| | | overflow: hidden; |
| | | box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); |
| | | } |
| | | |
| | | .user-info-card { |
| | | padding: 30rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 24rpx; |
| | | } |
| | | |
| | | .user-avatar-wrapper { |
| | | flex-shrink: 0; |
| | | } |
| | | |
| | | .user-avatar { |
| | | width: 120rpx; |
| | | height: 120rpx; |
| | | border-radius: 60rpx; |
| | | border: 4rpx solid #f0f0f0; |
| | | } |
| | | |
| | | .user-avatar-placeholder { |
| | | width: 120rpx; |
| | | height: 120rpx; |
| | | border-radius: 60rpx; |
| | | background: linear-gradient(135deg, #42a5f5 0%, #1976d2 100%); |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 4rpx solid #f0f0f0; |
| | | } |
| | | |
| | | .avatar-text { |
| | | color: #ffffff; |
| | | font-size: 48rpx; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .user-details { |
| | | flex: 1; |
| | | min-width: 0; |
| | | } |
| | | |
| | | .user-name { |
| | | font-size: 32rpx; |
| | | font-weight: bold; |
| | | color: #333333; |
| | | margin-bottom: 16rpx; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .user-info-row { |
| | | display: flex; |
| | | align-items: center; |
| | | margin-bottom: 8rpx; |
| | | font-size: 26rpx; |
| | | } |
| | | |
| | | .info-label { |
| | | color: #666666; |
| | | min-width: 100rpx; |
| | | margin-right: 12rpx; |
| | | } |
| | | |
| | | .info-value { |
| | | color: #333333; |
| | | flex: 1; |
| | | min-width: 0; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | /* 表单区域样式 */ |
| | | .form-section { |
| | | background: #ffffff; |