index.rpx.scss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. /* 服务订单内容*/
  2. .service-order-tab-bar {
  3. background: #fff;
  4. display: flex;
  5. justify-content: space-around;
  6. height: 50px;
  7. background-color: #f5f5f5;
  8. .service-order-tab-item {
  9. flex: 1;
  10. display: flex;
  11. align-items: center;
  12. justify-content: center;
  13. font-size: 16px;
  14. color: #333;
  15. line-height: 26px;
  16. }
  17. .service-order-tab-item.active {
  18. // color: #ff0000;
  19. }
  20. .underline {
  21. border-bottom: 2px solid #FFE05C;
  22. }
  23. }
  24. .bg-img {
  25. background-image: url('/static/coupon/u210.png');
  26. background-repeat: repeat;
  27. height: 94px;
  28. margin: 12px;
  29. }
  30. .bg-img1 {
  31. background-image: url('/static/coupon/u211.png');
  32. background-repeat: repeat;
  33. height: 94px;
  34. margin: 12px;
  35. }
  36. .service-order {
  37. // background: #fff;
  38. }
  39. /* 门店列表 */
  40. .store-wrap {
  41. border-radius: 2px;
  42. padding-bottom: 12px;
  43. padding-left: 12px;
  44. padding-right: 12px;
  45. .row-list {
  46. .store-content {
  47. display: flex;
  48. align-items: center;
  49. height: 94px;
  50. color: #333333;
  51. .h-left-content {
  52. width: 26%;
  53. text-align: center;
  54. .h-text {
  55. width: 100%;
  56. font-weight: 400;
  57. line-height: 18px;
  58. font-size: 12px;
  59. .money {
  60. font-size: 18px;
  61. font-weight: bold;
  62. line-height: 26px;
  63. }
  64. }
  65. }
  66. .h-center-content {
  67. width: 50%;
  68. padding-left: 12px;
  69. .title {
  70. width: 100%;
  71. color: #999999;
  72. font-size: 12px;
  73. line-height: 18px;
  74. .h-value {
  75. font-size: 18px;
  76. line-height: 32px;
  77. color: #333333;
  78. }
  79. }
  80. }
  81. .h-right-content {
  82. width: 24%;
  83. display: flex;
  84. justify-content: center;
  85. align-items: center;
  86. background-image: url('/static/coupon/u2102.png');
  87. height: 94px;
  88. .h-btn-value-use {
  89. background: #FFE05C;
  90. color: #333333;
  91. height: 30px;
  92. width: 80px;
  93. text-align: center;
  94. line-height: 30px;
  95. border-radius: 15px;
  96. font-size: 14px;
  97. }
  98. .h-btn-value-receive {
  99. background: #93D21A;
  100. color: #fff;
  101. height: 30px;
  102. width: 80px;
  103. text-align: center;
  104. line-height: 30px;
  105. border-radius: 15px;
  106. }
  107. .h-btn-img {
  108. display: flex;
  109. align-items: center;
  110. image {
  111. height: 68px;
  112. width: 68px;
  113. }
  114. }
  115. }
  116. }
  117. }
  118. }
  119. /* 产品订单 */
  120. .product-order {
  121. margin-top: 12px;
  122. }
  123. /* 底部 */
  124. .footer {
  125. margin-top: 30px;
  126. height: 120px;
  127. font-size: 12px;
  128. text-align: center;
  129. color: #666;
  130. }