index.less 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. .index {
  2. background-color: #f9f9f9;
  3. min-height: 100vh;
  4. padding: 30px 16px 0 16px;
  5. box-sizing: border-box;
  6. .cash-out-record {
  7. .total-amount {
  8. height: 170px;
  9. background-color: #fff;
  10. display: flex;
  11. justify-content: space-between;
  12. align-items: center;
  13. padding: 0 17px;
  14. box-sizing: border-box;
  15. .left {
  16. display: flex;
  17. align-items: center;
  18. .icon {
  19. width: 60px;
  20. height: 60px;
  21. margin-right: 10px;
  22. }
  23. .title {
  24. color: #000000;
  25. line-height: 41px;
  26. font-size: 28px;
  27. }
  28. }
  29. .amount {
  30. display: flex;
  31. align-items: baseline;
  32. color: #F6C71A;
  33. font-weight: bold;
  34. .integer {
  35. font-size: 48px;
  36. }
  37. .decimal {
  38. font-size: 36px;
  39. }
  40. }
  41. }
  42. // 提现记录
  43. .record-item {
  44. background-color: #fff;
  45. padding: 46px 16px 0 16px;
  46. box-sizing: border-box;
  47. border-radius: 20px;
  48. display: flex;
  49. justify-content: space-between;
  50. height: 170px;
  51. margin-top: 26px;
  52. .item-time {
  53. font-size: 26px;
  54. color: #000000;
  55. line-height: 38px;
  56. }
  57. .item-amount {
  58. display: flex;
  59. flex-direction: column;
  60. align-items: flex-end;
  61. .status {
  62. font-size: 24px;
  63. color: #91A95B;
  64. line-height: 35px;
  65. }
  66. .amount {
  67. font-size: 28px;
  68. color: #000000;
  69. line-height: 41px;
  70. }
  71. }
  72. }
  73. }
  74. }