C端小程序
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

75 lignes
1.2 KiB

  1. /* pages/passCar/showList.wxss */
  2. page {}
  3. .list {
  4. padding-top: 10rpx;
  5. }
  6. .noOrder {
  7. text-align: center;
  8. font-weight: 600;
  9. margin-top: 50%;
  10. }
  11. .list .item {
  12. position: relative;
  13. background-color: #fff;
  14. margin-bottom: 15rpx;
  15. border-radius: 20rpx;
  16. padding: 20rpx 0 15rpx 0;
  17. }
  18. .list .item .child {
  19. font-size: 28rpx;
  20. margin: 0 0 20rpx 20rpx;
  21. }
  22. .list .item .payInfo {
  23. display: flex;
  24. padding: 0 0 20rpx 40rpx;
  25. border-bottom: 1px solid #f1f1f1;
  26. }
  27. .list .item .payInfo .parking {
  28. width: 110rpx;
  29. height: 110rpx;
  30. }
  31. .list .item .payInfo .time {
  32. position: relative;
  33. color: #979797;
  34. font-size: 25rpx;
  35. top: 10rpx;
  36. left: 30rpx;
  37. }
  38. .list .item .payFee {
  39. margin: 20rpx 0 0 20rpx;
  40. }
  41. .list .item .payFee .highLight {
  42. color: #fe725c;
  43. }
  44. .list .item .detail {
  45. position: absolute;
  46. right: 40rpx;
  47. top: 50%;
  48. width: 100rpx;
  49. height: 40rpx;
  50. color: #fff;
  51. line-height: 40rpx;
  52. font-size: 25rpx;
  53. transform: translateY(-50%);
  54. border-radius: 10rpx;
  55. background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
  56. padding: 5rpx 10rpx 5rpx 10rpx;
  57. }
  58. .list .item .notice {
  59. position: absolute;
  60. right: 40rpx;
  61. top: 30rpx;
  62. transform: translateY(-50%);
  63. color: #ff0000;
  64. }