index.wxss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. @charset "UTF-8";
  2. .text-center.data-v-35baea2a {
  3. text-align: center;
  4. }
  5. .font-weight.data-v-35baea2a {
  6. font-weight: bold;
  7. }
  8. .page-width.data-v-35baea2a {
  9. width: 100%;
  10. }
  11. .goods-hover-class.data-v-35baea2a {
  12. opacity: .9;
  13. background-color: #f7f7f7;
  14. }
  15. .background-image.data-v-35baea2a {
  16. background-repeat: no-repeat;
  17. background-size: 100% 100%;
  18. background-position: center;
  19. }
  20. /*全局文字大小*/
  21. /* 屏幕宽度*/
  22. page.data-v-35baea2a {
  23. font-size: 32rpx;
  24. background: #f7f7f7;
  25. }
  26. .page-width.data-v-35baea2a {
  27. width: 100%;
  28. }
  29. .u-hover-class.data-v-35baea2a {
  30. opacity: .9;
  31. background-color: #f7f7f7;
  32. }
  33. .safe-area-inset-bottom.data-v-35baea2a {
  34. padding-bottom: 0;
  35. padding-bottom: constant(safe-area-inset-bottom);
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. .search-area.data-v-35baea2a {
  39. position: fixed;
  40. z-index: 3;
  41. top: 0;
  42. left: 0;
  43. right: 0;
  44. height: 88rpx;
  45. line-height: 88rpx;
  46. width: 100%;
  47. background-color: #efeff4;
  48. padding: 12rpx 24rpx;
  49. }
  50. .search-area .search.data-v-35baea2a {
  51. height: 64rpx;
  52. line-height: 64rpx;
  53. border-radius: 32rpx;
  54. background-color: #fff;
  55. color: #b2b2b2;
  56. font-size: 26rpx;
  57. }
  58. .search-area .search.be-search.data-v-35baea2a {
  59. color: #353535;
  60. padding-left: 32rpx;
  61. }
  62. .search-area .search.be-search .icon-search.data-v-35baea2a {
  63. margin-right: 10rpx;
  64. }
  65. .search-area .search .icon-search.data-v-35baea2a {
  66. height: 24rpx;
  67. width: 24rpx;
  68. margin-top: 20rpx;
  69. }
  70. .search-area .search .icon-search + text.data-v-35baea2a {
  71. color: #b2b2b2;
  72. margin: 0 8rpx;
  73. }
  74. .search-placeholder.data-v-35baea2a {
  75. width: 100%;
  76. height: 88rpx;
  77. }
  78. .order-box.data-v-35baea2a {
  79. width: 100%;
  80. height: 100%;
  81. }
  82. .title-box.data-v-35baea2a {
  83. height: 80rpx;
  84. width: 100%;
  85. position: fixed;
  86. border-bottom: 1rpx solid #e2e2e2;
  87. top: 0;
  88. background: #fff;
  89. z-index: 1;
  90. }
  91. .no-list.data-v-35baea2a {
  92. margin-top: 120rpx;
  93. }
  94. .not-order-box.data-v-35baea2a {
  95. height: calc(100vh - 80rpx);
  96. color: #999999;
  97. }
  98. .order-item-box.data-v-35baea2a {
  99. background: #fff;
  100. padding: 0 24rpx;
  101. margin: 0 24rpx;
  102. margin-bottom: 24rpx;
  103. border-radius: 16rpx;
  104. font-size: 26rpx;
  105. box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.06);
  106. }
  107. .order-item-box .view-1.data-v-35baea2a {
  108. width: 100%;
  109. font-size: 24rpx;
  110. color: #353535;
  111. margin: 32rpx 0;
  112. }
  113. .order-item-box .view-3.data-v-35baea2a {
  114. font-size: 32rpx;
  115. }
  116. .order-item-box .view-3 .btn.data-v-35baea2a {
  117. margin-left: 15rpx;
  118. }
  119. .price-count-box.data-v-35baea2a {
  120. margin: 28rpx 0;
  121. }
  122. .price-label.data-v-35baea2a {
  123. margin-right: 5rpx;
  124. font-size: 24rpx;
  125. color: #999999;
  126. }
  127. .price-color.data-v-35baea2a {
  128. color: #353535;
  129. }
  130. .price-express.data-v-35baea2a {
  131. font-size: 24rpx;
  132. color: #999999;
  133. }
  134. .success-color.data-v-35baea2a {
  135. color: #353535;
  136. }
  137. .error-color.data-v-35baea2a {
  138. color: #ff4544;
  139. }
  140. .qrcode-box.data-v-35baea2a {
  141. width: 100%;
  142. height: 100%;
  143. position: fixed;
  144. top: 0;
  145. left: 0;
  146. background: rgba(0, 0, 0, 0.5);
  147. }
  148. .qrcode-box .item.data-v-35baea2a {
  149. position: absolute;
  150. top: 25%;
  151. width: 562rpx;
  152. height: 562rpx;
  153. background: #fff;
  154. left: 94rpx;
  155. z-index: 999;
  156. border-radius: 15rpx;
  157. }
  158. .qrcode-box .img.data-v-35baea2a {
  159. margin-top: 30rpx;
  160. width: 375rpx;
  161. height: 375rpx;
  162. }
  163. .qrcode-box .item .remove.data-v-35baea2a {
  164. position: absolute;
  165. top: 0;
  166. right: 0;
  167. width: 50rpx;
  168. height: 50rpx;
  169. margin: 15rpx;
  170. padding: 7rpx;
  171. }
  172. .order-btn.data-v-35baea2a {
  173. display: inline-block;
  174. line-height: 2.3;
  175. font-size: 26rpx;
  176. padding: 0 30rpx;
  177. border: 1rpx solid #e2e2e2;
  178. border-radius: 30rpx;
  179. margin-left: 16rpx;
  180. }
  181. .action-button-box.data-v-35baea2a {
  182. margin-bottom: 24rpx;
  183. }
  184. .action-box-view.data-v-35baea2a {
  185. width: 100%;
  186. }