| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- .edit-profile-container.data-v-7e5a80f3 {
- min-height: 100vh;
- background: #f5f6fb;
- padding: 30rpx;
- }
- .edit-header.data-v-7e5a80f3 {
- text-align: center;
- padding: 40rpx 0;
- }
- .header-title.data-v-7e5a80f3 {
- font-size: 40rpx;
- font-weight: bold;
- color: #222;
- }
- .edit-form.data-v-7e5a80f3 {
- background: #fff;
- border-radius: 20rpx;
- padding: 40rpx;
- margin-bottom: 40rpx;
- }
- .form-item.data-v-7e5a80f3 {
- display: flex;
- align-items: center;
- padding: 30rpx 0;
- border-bottom: 1rpx solid #f0f0f0;
- }
- .form-item.data-v-7e5a80f3:last-child {
- border-bottom: none;
- }
- .item-label.data-v-7e5a80f3 {
- width: 150rpx;
- font-size: 32rpx;
- color: #333;
- font-weight: 500;
- }
- .avatar-btn.data-v-7e5a80f3 {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: space-between;
- background: transparent;
- border: none;
- padding: 0;
- margin: 0;
- line-height: normal;
- }
- .avatar-btn.data-v-7e5a80f3::after {
- border: none;
- }
- .avatar-preview.data-v-7e5a80f3 {
- width: 120rpx;
- height: 120rpx;
- border-radius: 50%;
- background: #f0f0f0;
- }
- .change-text.data-v-7e5a80f3 {
- font-size: 28rpx;
- color: #5d55e8;
- }
- .item-input.data-v-7e5a80f3 {
- flex: 1;
- height: 80rpx;
- font-size: 32rpx;
- color: #333;
- text-align: right;
- }
- .item-value.data-v-7e5a80f3 {
- flex: 1;
- font-size: 32rpx;
- color: #999;
- text-align: right;
- }
- .action-area.data-v-7e5a80f3 {
- padding: 0 40rpx;
- }
- .save-btn.data-v-7e5a80f3 {
- width: 100%;
- height: 90rpx;
- background: linear-gradient(135deg, #5d55e8, #7568ff);
- color: #fff;
- font-size: 32rpx;
- border-radius: 45rpx;
- border: none;
- box-shadow: 0 12rpx 24rpx rgba(93, 85, 232, 0.4);
- line-height: 90rpx;
- }
- .save-btn.data-v-7e5a80f3:active {
- opacity: 0.9;
- }
|