You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

152 rivejä
2.2 KiB

  1. .Box {
  2. width: 100%;
  3. height: 100vh;
  4. background: #f8f8fa;
  5. overflow: hidden;
  6. }
  7. .contBox {
  8. width: 96%;
  9. margin: 20rpx auto;
  10. background-color: #fff;
  11. overflow: hidden;
  12. border-radius: 12rpx;
  13. }
  14. .titleTopBox {
  15. width: 90%;
  16. margin: auto;
  17. overflow: hidden;
  18. }
  19. .title {
  20. float: left;
  21. padding: 20rpx 0;
  22. }
  23. .status {
  24. float: right;
  25. margin-right: 20rpx;
  26. margin-top: 20rpx;
  27. padding: 10rpx;
  28. font-size: 24rpx;
  29. background-color: rgba(0, 128, 0, 1);
  30. border-radius: 4rpx;
  31. color: #fff;
  32. }
  33. .red {
  34. background-color: rgba(255, 0, 0, 1);
  35. float: right;
  36. margin-right: 20rpx;
  37. margin-top: 20rpx;
  38. padding: 10rpx;
  39. font-size: 24rpx;
  40. border-radius: 4rpx;
  41. color: #fff;
  42. }
  43. .orange {
  44. background-color: rgba(243, 151, 56, 1);
  45. float: right;
  46. margin-right: 20rpx;
  47. margin-top: 20rpx;
  48. padding: 10rpx;
  49. font-size: 24rpx;
  50. border-radius: 4rpx;
  51. color: #fff;
  52. }
  53. .purple {
  54. background-color: rgba(153, 0, 255, 1);
  55. float: right;
  56. margin-right: 20rpx;
  57. margin-top: 20rpx;
  58. padding: 10rpx;
  59. font-size: 24rpx;
  60. border-radius: 4rpx;
  61. color: #fff;
  62. }
  63. .blue {
  64. background-color: rgba(0, 102, 255, 1);
  65. float: right;
  66. margin-right: 20rpx;
  67. margin-top: 20rpx;
  68. padding: 10rpx;
  69. font-size: 24rpx;
  70. border-radius: 4rpx;
  71. color: #fff;
  72. }
  73. .money {
  74. font-size: 46rpx;
  75. color: red;
  76. margin-left: 20rpx;
  77. padding: 20rpx 20rpx 0 20rpx;
  78. font-weight: 700;
  79. }
  80. .text {
  81. padding: 20rpx;
  82. margin-left: 20rpx;
  83. }
  84. .time {
  85. margin-left: 40rpx;
  86. }
  87. .userBox {
  88. overflow: hidden;
  89. margin-left: 40rpx;
  90. }
  91. .userImg {
  92. float: left;
  93. width: 50rpx;
  94. height: 50rpx;
  95. background-color: coral;
  96. }
  97. .userName {
  98. float: left;
  99. margin-left: 6rpx;
  100. }
  101. .goBack {
  102. width: 200rpx;
  103. height: 80rxp;
  104. background-color: rgba(22, 155, 213, 1);
  105. color: #fff;
  106. text-align: center;
  107. line-height: 80rpx;
  108. margin: 60rpx auto;
  109. border-radius: 10rpx;
  110. }
  111. .operationBox {
  112. text-align: center;
  113. overflow: hidden;
  114. display: flex;
  115. justify-content: center;
  116. }
  117. .repetition {
  118. width: 200rpx;
  119. height: 80rxp;
  120. background-color: rgba(22, 155, 213, 1);
  121. color: #fff;
  122. border-radius: 10rpx;
  123. line-height: 80rpx;
  124. margin: 60rpx 10rpx;
  125. }
  126. .back {
  127. width: 200rpx;
  128. height: 80rxp;
  129. border-radius: 10rpx;
  130. line-height: 80rpx;
  131. margin: 60rpx 10rpx;
  132. border: 1rpx solid rgba(0, 0, 0, 0.3);
  133. }