index.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .container {
  2. padding: 0 20rpx;
  3. }
  4. .container .statistics {
  5. width: 100%;
  6. padding: 40rpx;
  7. display: flex;
  8. align-items: center;
  9. box-sizing: border-box;
  10. background: #FFFFFF;
  11. border-radius: 20rpx;
  12. }
  13. .container .statistics .col {
  14. flex: 1;
  15. }
  16. .container .statistics .col .row {
  17. margin-bottom: 60rpx;
  18. }
  19. .container .statistics .col .row .label {
  20. margin-bottom: 20rpx;
  21. font-size: 28rpx;
  22. color: #666666;
  23. }
  24. .container .statistics .col .row .money {
  25. font-size: 32rpx;
  26. font-weight: 500;
  27. color: #000000;
  28. }
  29. .container .statistics .col .row:last-child {
  30. margin: 0;
  31. }
  32. .container .statistics .col2 {
  33. padding-left: 80rpx;
  34. }
  35. .container .detailsBox {
  36. margin-top: 40rpx;
  37. }
  38. .container .detailsBox .title {
  39. font-size: 25rpx;
  40. color: #7B7B7B;
  41. }
  42. .container .detailsBox .categoryBox {
  43. margin-top: 24rpx;
  44. display: flex;
  45. align-items: center;
  46. justify-content: space-between;
  47. }
  48. .container .detailsBox .categoryBox .category {
  49. width: 126rpx;
  50. padding: 8rpx 0;
  51. font-size: 30rpx;
  52. text-align: center;
  53. color: #7A7A7A;
  54. background: #FFFFFF;
  55. border-radius: 29rpx;
  56. }
  57. .container .detailsBox .categoryBox .currentClass {
  58. color: #FEAC57;
  59. font-weight: bold;
  60. }