me.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. .box.data-v-259fb574 {
  2. min-height: 100vh;
  3. background: linear-gradient(180deg, #FFEDEA 0%, #F4F5F7 100%);
  4. padding: 0 24rpx 60rpx;
  5. }
  6. .flex.data-v-259fb574 {
  7. display: flex;
  8. }
  9. .headerBox.data-v-259fb574 {
  10. padding-top: 14rpx;
  11. }
  12. .headerImg.data-v-259fb574 {
  13. width: 90rpx;
  14. height: 90rpx;
  15. border-radius: 50%;
  16. }
  17. .setImg.data-v-259fb574 {
  18. width: 38rpx;
  19. height: 38rpx;
  20. margin-top: 25rpx;
  21. }
  22. .headerBox.data-v-259fb574 {
  23. display: flex;
  24. justify-content: space-between;
  25. }
  26. .headerLeft.data-v-259fb574 {
  27. display: flex;
  28. }
  29. .nickName.data-v-259fb574 {
  30. padding-left: 20rpx;
  31. line-height: 90rpx;
  32. color: #3C3C3C;
  33. font-size: 32rpx;
  34. }
  35. .orderBox.data-v-259fb574 {
  36. margin-top: 30rpx;
  37. background: #FFFFFF;
  38. padding: 30rpx 0rpx;
  39. border-radius: 10rpx;
  40. }
  41. .orderTitleBg.data-v-259fb574 {
  42. display: flex;
  43. justify-content: space-between;
  44. align-items: center;
  45. }
  46. .orderTitle.data-v-259fb574 {
  47. font-size: 30rpx;
  48. color: #333333;
  49. font-weight: bold;
  50. padding-left: 20rpx;
  51. }
  52. .orderAll.data-v-259fb574 {
  53. display: flex;
  54. justify-content: space-between;
  55. align-items: center;
  56. }
  57. .orderLine.data-v-259fb574 {
  58. width: 25%;
  59. text-align: center;
  60. }
  61. .orderLineImg.data-v-259fb574 {
  62. width: 44rpx;
  63. height: 44rpx;
  64. }
  65. .orderLineTxt.data-v-259fb574 {
  66. font-size: 24rpx;
  67. color: #333333;
  68. }
  69. .orderImgBox.data-v-259fb574 {
  70. text-align: center;
  71. position: relative;
  72. }
  73. .orderLIneBox.data-v-259fb574 {
  74. display: flex;
  75. justify-content: space-between;
  76. padding-top: 30rpx;
  77. }
  78. .orderNum.data-v-259fb574 {
  79. line-height: 26rpx;
  80. background: #FF4F00;
  81. padding: 0 8rpx;
  82. border-radius: 13rpx;
  83. color: #FFFFFF;
  84. font-size: 20rpx;
  85. position: absolute;
  86. top: -5rpx;
  87. right: 38rpx;
  88. z-index: 11;
  89. }
  90. .rightArrow.data-v-259fb574 {
  91. margin-right: 20rpx;
  92. width: 12rpx;
  93. height: 20rpx;
  94. }
  95. .rowBoxBg.data-v-259fb574 {
  96. margin-top: 30rpx;
  97. background: #FFFFFF;
  98. /* padding: 30rpx 0rpx; */
  99. border-radius: 10rpx;
  100. }
  101. .rowBox.data-v-259fb574 {
  102. display: flex;
  103. justify-content: space-between;
  104. background: #FFFFFF;
  105. padding: 30rpx 0rpx;
  106. border-radius: 10rpx;
  107. align-items: center;
  108. }
  109. .leftView.data-v-259fb574 {
  110. display: flex;
  111. align-items: center;
  112. }
  113. .rightView.data-v-259fb574{
  114. display: flex;
  115. align-items: center;
  116. }
  117. .liftIcon.data-v-259fb574 {
  118. width: 38rpx;
  119. height: 38rpx;
  120. margin: 0rpx 20rpx;
  121. }
  122. .rowTitle.data-v-259fb574 {
  123. color: #3C3C3C;
  124. font-size: 28rpx;
  125. }
  126. .grayline.data-v-259fb574{
  127. margin-left: 77rpx;
  128. margin-right: 20rpx;
  129. background-color: #F4F5F7;
  130. height: 2rpx;
  131. }