index.wxss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .settings-root.data-v-2f058983 {
  2. width: 100vw;
  3. height: 100vh;
  4. background: #f8fafb;
  5. display: flex;
  6. flex-direction: column;
  7. }
  8. .settings-list.data-v-2f058983 {
  9. background: #fff;
  10. padding: 0 40rpx;
  11. }
  12. .mt-30.data-v-2f058983 {
  13. margin-top: 30rpx;
  14. }
  15. .item-row.data-v-2f058983 {
  16. display: flex;
  17. justify-content: space-between;
  18. align-items: center;
  19. min-height: 110rpx;
  20. border-bottom: 2rpx solid #f9f9f9;
  21. }
  22. .item-row.data-v-2f058983:last-child {
  23. border-bottom: none;
  24. }
  25. .avatar-row.data-v-2f058983 {
  26. height: 180rpx;
  27. }
  28. .item-label.data-v-2f058983 {
  29. font-size: 32rpx;
  30. color: #333;
  31. }
  32. .item-right.data-v-2f058983 {
  33. display: flex;
  34. align-items: center;
  35. }
  36. .avatar-wrapper.data-v-2f058983 {
  37. position: relative;
  38. width: 110rpx;
  39. height: 110rpx;
  40. margin-right: 20rpx;
  41. }
  42. .avatar-img.data-v-2f058983 {
  43. width: 110rpx;
  44. height: 110rpx;
  45. border-radius: 50%;
  46. background: #eee;
  47. }
  48. .avatar-uploading.data-v-2f058983 {
  49. position: absolute;
  50. top: 0;
  51. left: 0;
  52. width: 100%;
  53. height: 100%;
  54. border-radius: 50%;
  55. background: rgba(0, 0, 0, 0.45);
  56. display: flex;
  57. align-items: center;
  58. justify-content: center;
  59. }
  60. .uploading-text.data-v-2f058983 {
  61. font-size: 20rpx;
  62. color: #fff;
  63. }
  64. .item-value.data-v-2f058983 {
  65. font-size: 30rpx;
  66. color: #666;
  67. margin-right: 15rpx;
  68. }
  69. .item-value.readonly.data-v-2f058983 {
  70. color: #aaa;
  71. margin-right: 0;
  72. }
  73. .icon-more.data-v-2f058983 {
  74. width: 14rpx;
  75. height: 14rpx;
  76. border-top: 3rpx solid #ccc;
  77. border-right: 3rpx solid #ccc;
  78. transform: rotate(45deg);
  79. }
  80. .footer-bar.data-v-2f058983 {
  81. padding: 40rpx;
  82. margin-top: auto;
  83. padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
  84. }
  85. .btn-confirm.data-v-2f058983 {
  86. width: 100%;
  87. height: 90rpx;
  88. background: #C1001C;
  89. color: #fff;
  90. border-radius: 45rpx;
  91. font-size: 32rpx;
  92. font-weight: bold;
  93. display: flex;
  94. align-items: center;
  95. justify-content: center;
  96. }