center.wxss 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page,
  12. .content {
  13. background: #f8f8f8;
  14. height: 100%;
  15. }
  16. .order-title {
  17. width: 750rpx;
  18. height: 270rpx;
  19. background: url(data:image/png;base64,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) repeat-x 0;
  20. display: flex;
  21. flex-direction: column;
  22. text-align: center;
  23. }
  24. .order-title .body-title {
  25. height: 80rpx;
  26. text-align: center;
  27. font-size: 35rpx;
  28. position: relative;
  29. }
  30. .order-title .body-title .header {
  31. position: absolute;
  32. left: 0;
  33. top: 30rpx;
  34. width: 100%;
  35. font-size: 36rpx;
  36. font-family: PingFang SC;
  37. font-weight: bold;
  38. color: #fffeff;
  39. height: 80rpx;
  40. font-size: 36rpx;
  41. font-weight: 700;
  42. z-index: 9;
  43. display: flex;
  44. justify-content: center;
  45. align-items: center;
  46. }
  47. .order-title .body-title .goback-box {
  48. position: absolute;
  49. left: 18rpx;
  50. top: 30rpx;
  51. height: 80rpx;
  52. display: flex;
  53. align-items: center;
  54. }
  55. .order-title .body-title .goback {
  56. z-index: 100;
  57. width: 34rpx;
  58. height: 34rpx;
  59. }
  60. .order-title text {
  61. margin: 30px 0;
  62. font-size: 17px;
  63. font-family: PingFang SC;
  64. font-weight: bold;
  65. color: #ffffff;
  66. }
  67. .order-title .roder-content {
  68. margin-top: 80rpx;
  69. display: flex;
  70. justify-content: space-around;
  71. }
  72. .order-title .roder-content .left {
  73. position: relative;
  74. width: 168px;
  75. height: 40px;
  76. line-height: 40px;
  77. border: 1px solid #ffffff;
  78. border-radius: 5px;
  79. text-align: center;
  80. font-size: 15px;
  81. font-family: PingFang SC;
  82. font-weight: bold;
  83. color: #ffffff;
  84. background: #24a17d;
  85. }
  86. .order-title .roder-content .dian {
  87. position: absolute;
  88. z-index: 2;
  89. top: 10rpx;
  90. right: 20%;
  91. width: 40rpx;
  92. height: 40rpx;
  93. border-radius: 50%;
  94. background-color: red;
  95. color: #ffffff;
  96. font-size: 24rpx;
  97. display: flex;
  98. align-items: center;
  99. justify-content: center;
  100. }
  101. .order-title .roder-content .current {
  102. color: #24a17d;
  103. background: #ffffff;
  104. }
  105. .list-scroll-content {
  106. height: calc(100% - 150px);
  107. }
  108. .order-item {
  109. width: 702rpx;
  110. background: #ffffff;
  111. box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
  112. border-radius: 20rpx;
  113. margin: 20rpx auto 0;
  114. padding: 24rpx;
  115. }
  116. .order-item .order-top-left {
  117. display: flex;
  118. align-items: center;
  119. }
  120. .order-item .order-top-left .order-top-left-image {
  121. width: 32rpx;
  122. height: 37rpx;
  123. }
  124. .order-item .order-top-left .order-top-left-font {
  125. margin-left: 10rpx;
  126. font-size: 30rpx;
  127. font-family: PingFang SC;
  128. font-weight: bold;
  129. color: #333333;
  130. }
  131. .order-item .order-top-right {
  132. font-size: 26rpx;
  133. font-family: PingFang SC;
  134. font-weight: 500;
  135. color: #ff6f0f;
  136. }
  137. .order-item .order-info {
  138. margin-top: 24rpx;
  139. align-items: flex-start;
  140. }
  141. .order-item .order-info .order-info-left {
  142. width: 200rpx;
  143. font-size: 28rpx;
  144. font-family: PingFang SC;
  145. font-weight: 500;
  146. color: #666666;
  147. }
  148. .order-item .order-info .order-info-right {
  149. font-size: 28rpx;
  150. font-family: PingFang SC;
  151. font-weight: bold;
  152. color: #333333;
  153. }
  154. .order-item .order-info .order-info-price {
  155. font-size: 38rpx;
  156. font-family: PingFang SC;
  157. font-weight: bold;
  158. color: #ff6f0f;
  159. }
  160. .order-item .order-btn {
  161. margin: 34rpx auto;
  162. align-items: center;
  163. display: flex;
  164. justify-content: center;
  165. width: 566rpx;
  166. height: 74rpx;
  167. background: #24a17d;
  168. border-radius: 15rpx;
  169. }
  170. .order-item .order-btn .order-btn-icon {
  171. width: 35rpx;
  172. height: 36rpx;
  173. }
  174. .order-item .order-btn .order-btn-font {
  175. margin-left: 7rpx;
  176. font-size: 30rpx;
  177. font-family: PingFang SC;
  178. font-weight: bold;
  179. color: #ffffff;
  180. }