monthly.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .monthly {
  2. background-color: #F6F6FF;
  3. padding: 37rpx 40rpx;
  4. height: calc(100vh - 88rpx);
  5. overflow-y: scroll;
  6. .monthly-list {
  7. .monthly-list-item {
  8. width: 100%;
  9. background-color: #fff;
  10. border-radius: 15rpx;
  11. margin-bottom: 20rpx;
  12. .monthly-list-item-top {
  13. display: flex;
  14. justify-content: space-between;
  15. padding: 26rpx 39rpx;
  16. border-bottom: solid 1px #979797;
  17. .mlit-left {
  18. view {
  19. &:first-child {
  20. font-size: 32rpx;
  21. color: #3A3A3A;
  22. font-family: PingFangSC-Semibold, PingFang SC;
  23. font-weight: 600;
  24. line-height: 45rpx;
  25. }
  26. &:last-child {
  27. color: #787878;
  28. font-size: 26rpx;
  29. font-family: PingFangSC-Regular, PingFang SC;
  30. font-weight: 400;
  31. line-height: 37rpx;
  32. }
  33. }
  34. }
  35. .mlit-right {
  36. width: 104rpx;
  37. height: 50rpx;
  38. line-height: 50rpx;
  39. text-align: center;
  40. border: solid 1px #BDBDBD;
  41. border-radius: 5rpx;
  42. color: #858585;
  43. font-size: 24rpx;
  44. }
  45. }
  46. .monthly-list-item-bottom {
  47. padding: 31rpx 39rpx;
  48. .mlib-item {
  49. display: flex;
  50. flex-direction: row;
  51. color: #595959;
  52. font-family: PingFangSC-Regular, PingFang SC;
  53. font-size: 26rpx;
  54. line-height: 40rpx;
  55. view {
  56. &:first-child {
  57. width: 20%;
  58. text-align: justify;
  59. text-align-last: justify;
  60. margin-right: 5rpx;
  61. }
  62. &:last-child {
  63. margin-left: 10rpx;
  64. }
  65. }
  66. &:last-child {
  67. view {
  68. &:last-child {
  69. color: #FA6400;
  70. }
  71. }
  72. }
  73. }
  74. }
  75. }
  76. }
  77. }