invoice.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. .invoice-type{
  28. margin-left: 20rpx;
  29. padding: 0 8rpx;
  30. font-size: 18rpx;
  31. font-weight: 400;
  32. color: #787878;
  33. line-height: 25rpx;
  34. border: 1px solid #979797;
  35. border-radius: 4px;
  36. }
  37. }
  38. .addr{
  39. color: #858585;
  40. font-size: 26rpx;
  41. line-height: 37rpx;
  42. }
  43. .order-top-right{
  44. padding: 0 15rpx;
  45. height: 50rpx;
  46. line-height: 48rpx;
  47. border-radius: 5rpx;
  48. border: 1px solid #FA6400;
  49. color: #FA6400;
  50. }
  51. }
  52. .order-center{
  53. padding: 0 40rpx 25rpx;
  54. border-bottom: 1px solid #DFDFDF;
  55. .order-center-item{
  56. margin-bottom: 9rpx;
  57. font-size: 26rpx;
  58. font-weight: 400;
  59. color: #595959;
  60. line-height: 37rpx;
  61. letter-spacing: 1px;
  62. .pay-amount{
  63. color: #FA6400;
  64. }
  65. }
  66. }
  67. }
  68. }