index.acss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .deposit-container {
  2. position: relative;
  3. background-color: #f5f5f5;
  4. }
  5. .deposit-container .person-block {
  6. display: flex;
  7. align-items: flex-start;
  8. justify-content: space-between;
  9. margin: 24rpx 24rpx 0;
  10. padding: 24rpx;
  11. background-color: #fff;
  12. border-radius: 16rpx;
  13. }
  14. .deposit-container .person-block .person-name {
  15. margin-bottom: 10rpx;
  16. color: #333;
  17. font-size: 34rpx;
  18. font-weight: 500;
  19. }
  20. .deposit-container .person-block .person-change {
  21. color: #1677FF;
  22. font-size: 24rpx;
  23. }
  24. .deposit-container .person-block .person-balance {
  25. margin-top: 16rpx;
  26. color: #FF6430;
  27. font-size: 24rpx;
  28. }
  29. .deposit-container .person-block .person-info {
  30. color: #999;
  31. font-size: 24rpx;
  32. }
  33. .deposit-container .detail-block {
  34. padding: 24rpx;
  35. background-color: #fff;
  36. border-radius: 16rpx;
  37. margin: 16px 24rpx 0;
  38. }
  39. .deposit-container .detail-block .person-name {
  40. font-size: 32rpx;
  41. color: #333;
  42. font-weight: 600;
  43. }
  44. .deposit-container .detail-block .money-block {
  45. display: flex;
  46. flex-direction: row;
  47. flex-wrap: wrap;
  48. justify-content: space-between;
  49. width: 100%;
  50. padding: 24rpx 0 16rpx;
  51. }
  52. .deposit-container .detail-block .money-block .money-block-select {
  53. width: 207rpx;
  54. height: 140rpx;
  55. display: flex;
  56. align-items: center;
  57. justify-content: center;
  58. margin-bottom: 16rpx;
  59. font-size: 42rpx;
  60. background-color: #F5F5F5;
  61. letter-spacing: 2rpx;
  62. color: #333;
  63. border-radius: 8rpx;
  64. }
  65. .deposit-container .detail-block .money-block .selectedMoney {
  66. color: #1677FF;
  67. background-color: #edf7ff !important;
  68. }
  69. .deposit-container .detail-block .money-input-out {
  70. display: flex;
  71. align-items: center;
  72. }
  73. .deposit-container .detail-block .money-input-out .money-input-icon {
  74. font-size: 48rpx;
  75. margin-right: 16rpx;
  76. padding-left: 10rpx;
  77. }
  78. .deposit-container .detail-block .money-input-out .money-input {
  79. height: 80rpx;
  80. font-size: 72rpx;
  81. color: #333;
  82. letter-spacing: 2rpx;
  83. }
  84. .deposit-container .submit-block {
  85. position: fixed;
  86. bottom: 0;
  87. right: 0;
  88. left: 0;
  89. padding: 24rpx 24rpx 40rpx;
  90. background-color: #fff;
  91. }
  92. .deposit-container .submit-block .submit-block-btn {
  93. background-color: #1677FF;
  94. color: #fff;
  95. }