settings.wxss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .settings-root.data-v-8e46f4e9 { width: 100vw; height: 100vh; background: #f8fafb; display: flex; flex-direction: column;
  2. }
  3. /* 自定义导航栏样式 */
  4. .custom-navbar.data-v-8e46f4e9 { background: #fff; flex-shrink: 0;
  5. }
  6. .nav-content.data-v-8e46f4e9 { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx;
  7. }
  8. .back-area.data-v-8e46f4e9 { width: 60rpx; height: 44px; display: flex; align-items: center;
  9. }
  10. .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;
  11. }
  12. .nav-title.data-v-8e46f4e9 { font-size: 34rpx; font-weight: bold; color: #333;
  13. }
  14. .right-placeholder.data-v-8e46f4e9 { width: 60rpx;
  15. }
  16. .settings-list.data-v-8e46f4e9 { background: #fff; padding: 0 40rpx;
  17. }
  18. .mt-30.data-v-8e46f4e9 { margin-top: 30rpx;
  19. }
  20. .item-row.data-v-8e46f4e9 { display: flex; justify-content: space-between; align-items: center; min-height: 110rpx; border-bottom: 2rpx solid #f9f9f9;
  21. }
  22. .item-row.data-v-8e46f4e9:last-child { border-bottom: none;
  23. }
  24. .avatar-row.data-v-8e46f4e9 { height: 180rpx;
  25. }
  26. .item-label.data-v-8e46f4e9 { font-size: 32rpx; color: #333;
  27. }
  28. .item-right.data-v-8e46f4e9 { display: flex; align-items: center;
  29. }
  30. .avatar-img.data-v-8e46f4e9 { width: 110rpx; height: 110rpx; border-radius: 50%; background: #eee; margin-right: 20rpx;
  31. }
  32. .item-value.data-v-8e46f4e9 { font-size: 30rpx; color: #666; margin-right: 15rpx;
  33. }
  34. .item-value.readonly.data-v-8e46f4e9 { color: #aaa; margin-right: 0;
  35. }
  36. .icon-more.data-v-8e46f4e9 { width: 14rpx; height: 14rpx; border-top: 3rpx solid #ccc; border-right: 3rpx solid #ccc; transform: rotate(45deg);
  37. }
  38. .footer-bar.data-v-8e46f4e9 { padding: 40rpx; margin-top: auto; padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
  39. }
  40. .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;
  41. }