| 12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- .settings-root.data-v-8e46f4e9 { width: 100vw; height: 100vh; background: #f8fafb; display: flex; flex-direction: column;
- }
-
- /* 自定义导航栏样式 */
- .custom-navbar.data-v-8e46f4e9 { background: #fff; flex-shrink: 0;
- }
- .nav-content.data-v-8e46f4e9 { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx;
- }
- .back-area.data-v-8e46f4e9 { width: 60rpx; height: 44px; display: flex; align-items: center;
- }
- .back-arrow.data-v-8e46f4e9 { width: 22rpx; height: 22rpx; border-left: 4rpx solid #333; border-bottom: 4rpx solid #333; transform: rotate(45deg); margin-left: 10rpx;
- }
- .nav-title.data-v-8e46f4e9 { font-size: 34rpx; font-weight: bold; color: #333;
- }
- .right-placeholder.data-v-8e46f4e9 { width: 60rpx;
- }
- .settings-list.data-v-8e46f4e9 { background: #fff; padding: 0 40rpx;
- }
- .mt-30.data-v-8e46f4e9 { margin-top: 30rpx;
- }
- .item-row.data-v-8e46f4e9 { display: flex; justify-content: space-between; align-items: center; min-height: 110rpx; border-bottom: 2rpx solid #f9f9f9;
- }
- .item-row.data-v-8e46f4e9:last-child { border-bottom: none;
- }
- .avatar-row.data-v-8e46f4e9 { height: 180rpx;
- }
- .item-label.data-v-8e46f4e9 { font-size: 32rpx; color: #333;
- }
- .item-right.data-v-8e46f4e9 { display: flex; align-items: center;
- }
- .avatar-img.data-v-8e46f4e9 { width: 110rpx; height: 110rpx; border-radius: 50%; background: #eee; margin-right: 20rpx;
- }
- .item-value.data-v-8e46f4e9 { font-size: 30rpx; color: #666; margin-right: 15rpx;
- }
- .item-value.readonly.data-v-8e46f4e9 { color: #aaa; margin-right: 0;
- }
- .icon-more.data-v-8e46f4e9 { width: 14rpx; height: 14rpx; border-top: 3rpx solid #ccc; border-right: 3rpx solid #ccc; transform: rotate(45deg);
- }
- .footer-bar.data-v-8e46f4e9 { padding: 40rpx; margin-top: auto; padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
- }
- .btn-confirm.data-v-8e46f4e9 { width: 100%; height: 90rpx; background: #C1001C; color: #fff; border-radius: 45rpx; font-size: 32rpx; font-weight: bold; display: flex; align-items: center; justify-content: center;
- }
|