C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

292 Zeilen
4.5 KiB

  1. /**passCar.wxss**/
  2. page{
  3. background-color: #f8f8f8;
  4. }
  5. .headBox{
  6. margin-top: 13rpx;
  7. width: 750rpx;
  8. height: 210rpx;
  9. box-sizing: border-box;
  10. padding: 30rpx 40rpx;
  11. display: flex;
  12. background-color: white
  13. }
  14. .headBox image{
  15. width: 150rpx;
  16. height: 150rpx;
  17. margin:10rpx 30rpx 0 0;
  18. border-radius:16rpx;
  19. }
  20. .numberBox{
  21. width: 400rpx;
  22. height: 150rpx
  23. }
  24. .titleName{
  25. line-height: 60rpx;
  26. height:60rpx;
  27. color: #666;
  28. font-size: 32rpx;
  29. width: 400rpx;
  30. word-break:break-all;
  31. text-align: justify;
  32. margin-bottom: 10rpx;
  33. }
  34. ::-webkit-scrollbar{
  35. width: 0;
  36. height: 0;
  37. color: transparent;
  38. }
  39. .carLocation,.locationNumber{
  40. width: 400rpx;
  41. height: 40rpx;
  42. color: #666;
  43. font-size: 24rpx;
  44. line-height: 30rpx;
  45. }
  46. .price{
  47. font-size: 28rpx;
  48. }
  49. .borderBox{
  50. width: 750rpx;
  51. margin-top: 26rpx;
  52. }
  53. .borderUp{
  54. padding: 50rpx;
  55. width: 650rpx;
  56. height: 50rpx;
  57. line-height: 50rpx;
  58. font-size: 36rpx;
  59. color: #333;
  60. border-bottom: 1rpx #f8f8f8 solid;
  61. background-color: white;
  62. }
  63. .carNumber{
  64. padding: 50rpx;
  65. height: 50rpx;
  66. line-height: 50rpx;
  67. font-size: 28rpx;
  68. color: #cbcbcb;
  69. background-color: white;
  70. }
  71. .addBox{
  72. width: 750rpx;
  73. height: 220rpx;
  74. position: relative;
  75. background-color: white;
  76. }
  77. .add{
  78. position: absolute;
  79. left: 50%;
  80. top: 50%;
  81. transform: translate(-50%,-50%);
  82. font-size: 34rpx;
  83. color: #666;
  84. border:2px dashed #eee;
  85. padding: 30rpx 50rpx;
  86. border-radius:16rpx;
  87. }
  88. .add text{
  89. font-size: 40rpx;
  90. }
  91. .bottonBox{
  92. width: 750rpx;
  93. margin-top: 26rpx;
  94. }
  95. .textStyle{
  96. background-color: white;
  97. height: 90rpx;
  98. line-height: 90rpx;
  99. padding-left: 130rpx;
  100. color: #333;
  101. font-size: 28rpx;
  102. letter-spacing: 1rpx;
  103. border-bottom: 1rpx #f8f8f8 solid;
  104. position: relative;
  105. }
  106. .textStyle image{
  107. width: 50rpx;
  108. height: 50rpx;
  109. top: 20rpx;
  110. left: 50rpx;
  111. position: absolute;
  112. }
  113. .passNumberBox{
  114. width: 750rpx;
  115. position: relative;
  116. background-color: white;
  117. border-bottom: 1rpx #f8f8f8 solid ;
  118. }
  119. .passNumber{
  120. width: 400rpx;
  121. height: 150rpx;
  122. font-size: 32rpx;
  123. font-weight: 600;
  124. line-height: 150rpx;
  125. left: 55rpx;
  126. position: absolute;
  127. }
  128. .nopay{
  129. height: 80rpx;
  130. line-height: 80rpx;
  131. font-weight: 400;
  132. }
  133. .number{
  134. font-size: 32rpx;
  135. }
  136. .parkPrice{
  137. font-size: 30rpx;
  138. font-weight: 500;
  139. }
  140. .deleteButton{
  141. font-size: 28rpx;
  142. line-height: 50rpx;
  143. height: 50rpx;
  144. top: 50%;
  145. right: 30rpx;
  146. position: absolute;
  147. transform: translate(0,-50%);
  148. }
  149. .detail{
  150. width: 32rpx;
  151. height: 32rpx;
  152. right: 34rpx;
  153. top: 32rpx;
  154. position: absolute;
  155. }
  156. .detail image{
  157. width: 32rpx;
  158. height: 32rpx;
  159. position: absolute;
  160. left: 0;
  161. top: 0;
  162. }
  163. .voucher{
  164. width: 90%;
  165. padding: 0 5%;
  166. background-color: rgb(255, 178, 50);
  167. /* background-color: #cbcbcb; */
  168. height: 80rpx;
  169. position: relative;
  170. margin: 24rpx 0;
  171. border-bottom: 2rpx #fff solid;
  172. display: flex;
  173. justify-content: space-between;
  174. }
  175. .textV1,.textV2{
  176. height: 58rpx;
  177. width: 225rpx;
  178. padding-top: 22rpx;
  179. text-align: center;
  180. line-height: 80rxp;
  181. font-size: 28rpx;
  182. color: #fff;
  183. }
  184. .textV2{
  185. margin-top: -1rpx;
  186. padding: 0;
  187. /* background-color: rgb(0, 192, 255); */
  188. border-radius: 10rpx;
  189. width: 221rpx;
  190. height: 80rpx;
  191. line-height: 80rpx;
  192. font-size: 36rpx;
  193. border: 4rpx #fff solid;
  194. margin-bottom: 22rpx;
  195. }
  196. /* .textV1{
  197. position: absolute;
  198. left: 10rpx;
  199. top: 22rpx;
  200. } */
  201. /* .textV2{
  202. position: absolute;
  203. top: 22rpx;
  204. right: 80rpx;
  205. } */
  206. .choice{
  207. width: 80rpx;
  208. height: 80rpx;
  209. position: relative;
  210. }
  211. .choice image{
  212. position: absolute;
  213. left: 50%;
  214. top: 50%;
  215. transform: translate(-50%,-50%);
  216. width: 30rpx;
  217. height: 30rpx;
  218. }
  219. .buy-view {
  220. background: #fff;
  221. position: relative;
  222. padding-top: 10rpx;
  223. height:98rpx;
  224. bottom: 0rpx;
  225. margin-top: 50rpx;
  226. /* left: 0;
  227. right: 0; */
  228. }
  229. .buy {
  230. background: #00c0ff;
  231. height: 88rpx;
  232. width: 98%;
  233. margin: 30rpx auto;
  234. color: #fff;
  235. font-size: 36rpx;
  236. line-height: 88rpx;
  237. border-radius: 6rpx;
  238. }
  239. .borderBox{
  240. width: 750rpx;
  241. margin-top: 26rpx;
  242. }
  243. .orderBox {
  244. width: 100%;
  245. height: 100rpx;
  246. border-top: 1rpx #f8f8f8 solid;
  247. position: relative;
  248. display: flex;
  249. }
  250. .passUp {
  251. width: 100%;
  252. height: 150rpx;
  253. position: relative;
  254. }
  255. .priceBox{
  256. width: 500rpx;
  257. }
  258. .priceBox text{
  259. margin-top: 35rpx;
  260. color: #333;
  261. font-size: 24rpx;
  262. margin-left: 50rpx;
  263. display: block;
  264. }
  265. .payBox{
  266. width: 250rpxpx;
  267. }
  268. .payBox button{
  269. width: 230rpx;
  270. border:0;
  271. font-size: 32rpx;
  272. margin-top: 13rpx;
  273. margin-right: 20rpx;
  274. background-color: lightgreen;
  275. color: white;
  276. }
  277. input{
  278. outline:none;
  279. border:none;
  280. list-style: none;
  281. }
  282. button::after{
  283. border:none;
  284. }