order.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .swiper-wrap{
  2. display: flex;
  3. flex-direction: column;
  4. height: calc(100vh - var(--window-top));
  5. width: 100%;
  6. .swiper-box {
  7. flex: 1;
  8. }
  9. }
  10. .page-box{
  11. margin: 25rpx 40rpx;
  12. .order{
  13. overflow: hidden;
  14. margin-bottom: 20rpx;
  15. background-color: #fff;
  16. border-radius: 15rpx;
  17. .order-top{
  18. margin-bottom: 31rpx;
  19. padding: 25rpx 40rpx;
  20. border-bottom: 1px solid #DFDFDF;
  21. .car{
  22. font-size: 32rpx;
  23. font-weight: 600;
  24. color: #3A3A3A;
  25. line-height: 45rpx;
  26. letter-spacing: 1px
  27. }
  28. .addr{
  29. color: #858585;
  30. font-size: 26rpx;
  31. line-height: 37rpx;
  32. }
  33. .order-top-right{
  34. padding: 0 15rpx;
  35. height: 50rpx;
  36. line-height: 48rpx;
  37. border-radius: 5rpx;
  38. border: 1px solid #FA6400;
  39. color: #FA6400;
  40. &-finished{
  41. border-color: #BDBDBD;
  42. color: #858585;
  43. }
  44. }
  45. .apply-refund {
  46. border-color: #BDBDBD;
  47. color: #858585;
  48. margin-right: 5rpx;
  49. }
  50. }
  51. .order-center{
  52. padding: 0 40rpx 25rpx;
  53. border-bottom: 1px solid #DFDFDF;
  54. .order-center-item{
  55. margin-bottom: 9rpx;
  56. font-size: 26rpx;
  57. font-weight: 400;
  58. color: #595959;
  59. line-height: 37rpx;
  60. letter-spacing: 1px;
  61. .pay-amount{
  62. color: #FA6400;
  63. }
  64. }
  65. }
  66. }
  67. }