index.less 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. page {
  2. background: #f6f6f6;
  3. padding-bottom: 148rpx;
  4. }
  5. .box {
  6. background: #ffffff;
  7. margin: 30rpx;
  8. padding: 30rpx;
  9. border-radius: 30rpx;
  10. .order-number {
  11. display: flex;
  12. justify-content: space-between;
  13. .number {
  14. font-size: 30rpx;
  15. }
  16. .state {
  17. font-size: 30rpx;
  18. }
  19. }
  20. .order-txt {
  21. display: flex;
  22. margin: 20rpx 0rpx 0 0;
  23. .order-image {
  24. width: 240rpx;
  25. height: 180rpx;
  26. margin-right: 20rpx;
  27. }
  28. .order-name {
  29. margin-top: 5rpx;
  30. .order-price {
  31. color: red;
  32. margin-top: 12rpx;
  33. }
  34. .order-time {
  35. font-size: 27rpx;
  36. margin-top: 12rpx;
  37. color: #b2b2b2;
  38. }
  39. }
  40. }
  41. .order-order {
  42. display: flex;
  43. justify-content: flex-end;
  44. margin-top: 20rpx;
  45. .bu {
  46. border: 1rpx solid #BBBBBB !important;
  47. border-radius: 24rpx !important;
  48. font-size: 30rpx !important;
  49. padding: 0rpx 20rpx !important;
  50. margin-right: 20rpx !important;
  51. background: #ffffff !important;
  52. }
  53. .service {
  54. border: 1rpx solid #BBBBBB;
  55. border-radius: 24rpx;
  56. font-size: 30rpx;
  57. padding: 20rpx 20rpx;
  58. margin-right: 20rpx;
  59. }
  60. .pay {
  61. // border: 1rpx solid #BBBBBB;
  62. border-radius: 24rpx;
  63. font-size: 30rpx;
  64. padding: 20rpx 0;
  65. width: 180rpx;
  66. text-align: center;
  67. background: #46a9a4;
  68. margin-left: 10rpx;
  69. }
  70. }
  71. }