order.wxss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. /* component/order/order.wxss */
  2. @import "/common.wxss";
  3. .item-box {
  4. width: 686rpx;
  5. /* height: 701rpx; */
  6. background: #FFFFFF;
  7. border-radius: 20rpx 20rpx 20rpx 20rpx;
  8. opacity: 1;
  9. margin: auto;
  10. }
  11. .pica-t {
  12. font-size: 24rpx;
  13. font-weight: 500;
  14. color: #A4A9B7;
  15. }
  16. .after-sale {
  17. font-size: 24rpx;
  18. font-weight: 500;
  19. color: #1C274C;
  20. }
  21. .t-red {
  22. font-size: 24rpx;
  23. font-weight: 500;
  24. color: #FF2121;
  25. }
  26. .time-date {
  27. font-size: 30rpx;
  28. font-weight: bold;
  29. color: #1C274C;
  30. }
  31. .time-hour {
  32. font-size: 30rpx;
  33. font-weight: bold;
  34. display: inline-block;
  35. }
  36. .items {
  37. width: 574rpx;
  38. height: 120rpx;
  39. background: #F5F7F9;
  40. border-radius: 20rpx 20rpx 20rpx 20rpx;
  41. opacity: 1;
  42. margin: auto;
  43. }
  44. .img-box {
  45. width: 120rpx;
  46. height: 120rpx;
  47. background: #D9D9D9;
  48. border-radius: 20rpx 20rpx 20rpx 20rpx;
  49. opacity: 1;
  50. }
  51. .item-title {
  52. font-size: 30rpx;
  53. font-weight: bold;
  54. color: #1C274C;
  55. }
  56. .item-tab {
  57. font-size: 22rpx;
  58. font-weight: 500;
  59. color: #A4A9B7;
  60. background-color: #FFFFFF;
  61. padding: 5rpx 12rpx;
  62. }
  63. .item-price {
  64. font-size: 22rpx;
  65. font-weight: 500;
  66. color: #FF9600;
  67. }
  68. .item-number {
  69. font-size: 22rpx;
  70. font-weight: 500;
  71. color: #A4A9B7;
  72. text-align: right;
  73. }
  74. .server-text {
  75. font-size: 22rpx;
  76. font-weight: bold;
  77. color: #A4A9B7;
  78. }
  79. .text-b {
  80. color: #1C274C;
  81. }
  82. .wire {
  83. width: 622rpx;
  84. height: 0rpx;
  85. opacity: 1;
  86. border: 1rpx solid rgba(164,169,183,0.2);
  87. margin: auto;
  88. }
  89. .total {
  90. color: #A4A9B7;
  91. }
  92. .unit {
  93. color: #FF9600;
  94. }
  95. .total-prices {
  96. color: #FF9600;
  97. font-weight: bold;
  98. }
  99. .depart {
  100. font-size: 24rpx;
  101. font-weight: 500;
  102. color: #1C274C;
  103. }
  104. .user-info {
  105. height: 54rpx;
  106. background: #F5F7F9;
  107. border-radius: 27rpx 27rpx 27rpx 27rpx;
  108. opacity: 1;
  109. font-size: 24rpx;
  110. font-weight: 500;
  111. color: #1C274C;
  112. line-height: 54rpx;
  113. }
  114. .user-img {
  115. width: 40rpx;
  116. height: 40rpx;
  117. background: #9B9B9B;
  118. border-radius: 0rpx 0rpx 0rpx 0rpx;
  119. opacity: 1;
  120. border-radius: 50%;
  121. padding-right: 8rpx;
  122. vertical-align: middle;
  123. margin: 0 8rpx 0 0;
  124. }
  125. .send-btn {
  126. width: 161rpx;
  127. height: 56rpx;
  128. border-radius: 10rpx 10rpx 10rpx 10rpx;
  129. opacity: 1;
  130. line-height: 56rpx;
  131. font-size: 22rpx;
  132. font-weight: 500;
  133. color: #FFFFFF;
  134. }
  135. .receive{
  136. width: 160rpx;
  137. height: 56rpx;
  138. }
  139. .skillInfo{
  140. background-color: #F5F7F9;
  141. height: 54rpx;
  142. border-radius: 27rpx;
  143. padding: 0 16rpx;
  144. }
  145. .avatar{
  146. width: 40rpx;
  147. height: 40rpx;
  148. border-radius: 50%;
  149. }
  150. .navigation{
  151. width: 32rpx;
  152. height: 32rpx;
  153. }