add_batch_serve.wxss 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  1. /* pages/add_batch_serve/add_batch_serve.wxss */
  2. /* pages/past_record/past_record.wxss */
  3. @import '../../templates/loading/loading.wxss';
  4. page{
  5. /* background: #F8F8F8; */
  6. }
  7. .pay{
  8. height:66rpx;
  9. background:rgba(255,100,101,1);
  10. display: flex;
  11. justify-content: space-between;
  12. padding: 0 24rpx;
  13. color: #fff;
  14. font-size: 24rpx;
  15. }
  16. .li-shadow{
  17. background:rgba(255,255,255,1);
  18. /* box-shadow:0px 0px 43rpx 0px rgba(246,246,246,1); */
  19. margin-bottom: 43rpx;
  20. }
  21. .header{
  22. /* background: #fff; */
  23. margin: 50rpx 42rpx 130rpx 42rpx;
  24. display: flex;
  25. justify-content: space-between;
  26. height:90rpx;
  27. line-height: 90rpx;
  28. }
  29. .header-imgs{
  30. position: relative;
  31. }
  32. .header-img{
  33. position: absolute;
  34. width:90rpx;
  35. height:90rpx;
  36. border-radius:50%;
  37. }
  38. .header-img-two{
  39. left: 40rpx;
  40. z-index: 20;
  41. }
  42. .header-img-three{
  43. left: 80rpx;
  44. z-index: 30;
  45. }
  46. .header-items{
  47. font-size:30rpx;
  48. font-family:PingFang SC;
  49. font-weight:500;
  50. color:#666666;
  51. }
  52. .header-items-red{
  53. font-size:36rpx;
  54. color:#FF6465;
  55. }
  56. .li{
  57. padding: 37rpx 48rpx;
  58. background: #fff;
  59. margin-top: 20rpx;
  60. }
  61. .li-title{
  62. color: #393939;
  63. font-size: 30rpx;
  64. border-left: 5rpx solid #FF6465;
  65. padding: 0 20rpx;
  66. font-weight: bold;
  67. }
  68. .li-items-header-look-img{
  69. width: 27rpx;
  70. height: 19rpx;
  71. margin-left: 10rpx;
  72. }
  73. .li-items{
  74. padding: 45rpx 0;
  75. border-bottom: 1rpx solid #E5E5E5;
  76. }
  77. .li-items-header{
  78. display: flex;
  79. justify-content: space-between;
  80. color: #393939;
  81. font-size: 30rpx;
  82. margin-bottom: 31rpx;
  83. font-weight: bold;
  84. }
  85. .li-items-header-img{
  86. width:30rpx;
  87. height:32rpx;
  88. margin-right: 20rpx;
  89. }
  90. .li-items-header-look{
  91. color: #FF6465;
  92. font-size: 28rpx;
  93. }
  94. .scroll-view {
  95. width: 100%;
  96. }
  97. .scroll-view-items {
  98. display: flex;
  99. /* padding: 20rpx 0; */
  100. }
  101. .scroll-view-item {
  102. margin-right: 20rpx;
  103. position: relative;
  104. }
  105. .scroll-view-image {
  106. width: 212rpx;
  107. height: 212rpx;
  108. background: #F1F3FA;
  109. border-radius: 10rpx;
  110. }
  111. .scroll-view-item:nth-last-child(1) {
  112. margin-right: 0rpx;
  113. }
  114. .li-items-nodata{
  115. text-align: center;
  116. color: #393939;
  117. font-size: 30rpx;
  118. margin-top: 20%;
  119. }
  120. .record{
  121. background: #fff;
  122. display: flex;
  123. justify-content: space-around;
  124. font-weight: bold;
  125. }
  126. .record-list{
  127. font-weight: bold;
  128. color: #7C819D;
  129. font-size: 24rpx;
  130. padding: 50rpx 0;
  131. text-align: center;
  132. }
  133. .record-img{
  134. width: 60rpx;
  135. height: 60rpx;
  136. margin-right: 25rpx;
  137. }
  138. .record-img-right{
  139. width: 14rpx;
  140. height: 24rpx;
  141. margin: auto;
  142. }
  143. .bound-word{
  144. color: #8489A3;
  145. font-size: 24rpx;
  146. margin-right: 20rpx;
  147. }
  148. .header-right-delete{
  149. width: 44rpx;
  150. height: 44rpx;
  151. margin-right: 20rpx;
  152. }
  153. .add{
  154. font-weight: bold;
  155. height:80rpx;
  156. background:linear-gradient(90deg,rgba(227,182,121,1),rgba(248,212,163,1));
  157. border-radius:10rpx;
  158. line-height: 80rpx;
  159. color: #FFFFFF;
  160. font-size: 26rpx;
  161. display: flex;
  162. justify-content: space-between;
  163. padding: 0 24rpx;
  164. margin: 24rpx;
  165. }
  166. .add-img{
  167. width: 29rpx;
  168. height: 29rpx;
  169. margin: auto 0;
  170. }
  171. .serve{
  172. /* box-shadow:0px 0px 43rpx 0px rgba(246,246,246,1); */
  173. padding: 24rpx;
  174. }
  175. .serve-item{
  176. padding: 23rpx 0;
  177. color: #E59B36;
  178. font-size: 26rpx;
  179. display: flex;
  180. justify-content: space-between;
  181. }
  182. .serve-item-img{
  183. width: 34rpx;
  184. height: 29rpx;
  185. margin-right: 11rpx;
  186. }
  187. .serve-item-time{
  188. color: #7C819D;
  189. font-size: 28rpx;
  190. margin: auto 0;
  191. }
  192. .type{
  193. margin: 24rpx;
  194. }
  195. .type-title{
  196. color: #393939;
  197. font-size: 30rpx;
  198. margin: 30rpx 0;
  199. font-family:PingFang SC;
  200. font-weight:bold;
  201. }
  202. .type-items{
  203. background:rgba(255,255,255,1);
  204. box-shadow:0px 6rpx 30rpx 0px rgba(81,108,227,0.2);
  205. border-radius:16rpx;
  206. position: relative;
  207. margin-bottom: 20rpx;
  208. }
  209. .type-items-img{
  210. width: 100rpx;
  211. height: 100rpx;
  212. position: absolute;
  213. top: 0;
  214. right: 0;
  215. }
  216. .type-items-title{
  217. color: #393939;
  218. font-size: 30rpx;
  219. padding:36rpx 24rpx;
  220. font-family:Lantinghei SC;
  221. font-weight:600;
  222. }
  223. .type-items-title-img{
  224. width: 34rpx;
  225. height: 29rpx;
  226. }
  227. .type-items-num{
  228. color: #E3B679;
  229. font-size: 40rpx;
  230. padding:0 25rpx;
  231. font-family:PingFang SC;
  232. font-weight:bold;
  233. }
  234. .type-items-add{
  235. display: flex;
  236. justify-content: space-between;
  237. padding: 68rpx 24rpx;
  238. color: #7C819D;
  239. font-size: 28rpx;
  240. font-family:Lantinghei SC;
  241. font-weight:600;
  242. }
  243. .type-items-add-img{
  244. width: 34rpx;
  245. height: 34rpx;
  246. }
  247. .type-items-add-code{
  248. font-size: 34rpx;
  249. margin: 0 54rpx;
  250. }
  251. .btn{
  252. margin: 80rpx 24rpx;
  253. height:94rpx;
  254. text-align: center;
  255. line-height: 94rpx;
  256. background:rgba(255,100,101,1);
  257. border-radius:16rpx;
  258. color: #FFFFFF;
  259. font-size: 34rpx;
  260. }
  261. .serve-item-before{
  262. background:rgba(255,100,101,0.2);
  263. border-radius:6rpx;
  264. display: inline-block;
  265. color: #FF6465;
  266. font-size: 20rpx;
  267. margin-left: 5rpx;
  268. padding: 3rpx 10rpx;
  269. }
  270. .clash{
  271. background:rgba(241,243,250,1);
  272. border-radius:10rpx;
  273. font-size: 22rpx;
  274. color: #393939;
  275. }
  276. .clash-items{
  277. display: flex;
  278. justify-content: space-between;
  279. padding: 15rpx 24rpx;
  280. }
  281. .header-items-name-yellow{
  282. font-size: 22rpx;
  283. margin: auto 10rpx;
  284. }
  285. .header-items-img{
  286. margin-left: 14rpx;
  287. width: 18rpx;
  288. height: 29rpx;
  289. }