index.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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-img.data-v-2f058983 {
  37. width: 110rpx;
  38. height: 110rpx;
  39. border-radius: 50%;
  40. background: #eee;
  41. margin-right: 20rpx;
  42. }
  43. .item-value.data-v-2f058983 {
  44. font-size: 30rpx;
  45. color: #666;
  46. margin-right: 15rpx;
  47. }
  48. .item-value.readonly.data-v-2f058983 {
  49. color: #aaa;
  50. margin-right: 0;
  51. }
  52. .icon-more.data-v-2f058983 {
  53. width: 14rpx;
  54. height: 14rpx;
  55. border-top: 3rpx solid #ccc;
  56. border-right: 3rpx solid #ccc;
  57. transform: rotate(45deg);
  58. }
  59. .footer-bar.data-v-2f058983 {
  60. padding: 40rpx;
  61. margin-top: auto;
  62. padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
  63. }
  64. .btn-confirm.data-v-2f058983 {
  65. width: 100%;
  66. height: 90rpx;
  67. background: #C1001C;
  68. color: #fff;
  69. border-radius: 45rpx;
  70. font-size: 32rpx;
  71. font-weight: bold;
  72. display: flex;
  73. align-items: center;
  74. justify-content: center;
  75. }