order.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .order-group{}
  2. .order-group .order-group-item{
  3. margin-bottom: 0.625rem;
  4. background: #fff;
  5. padding: 0 0.625rem;
  6. }
  7. .order-group .order-item-box{
  8. border-bottom: 1px solid #f2f2f2;
  9. }
  10. .order-group-item .order-item-id{
  11. font-size: 1rem;
  12. color: #232326;
  13. }
  14. .order-group-item .order-item-state{}
  15. .order-group-item .order-item-img{
  16. max-width: 75px;
  17. }
  18. .order-group-item .order-item-info{
  19. position: relative;
  20. }
  21. .order-group-item .order-item-title{
  22. width: 70%;
  23. margin: 0;
  24. font-size: 1.1rem;
  25. line-height: 1.5rem;
  26. color: #777;
  27. overflow: hidden;
  28. text-overflow: ellipsis;
  29. display: -webkit-box;
  30. -webkit-box-orient: vertical;
  31. -webkit-line-clamp: 3;
  32. min-height: 53px;
  33. }
  34. .order-group-item .order-item-fare{
  35. margin: 0;
  36. line-height: 2.5rem;
  37. color: #777;
  38. font-size: 1rem;
  39. }
  40. .order-group-item .order-item-r{
  41. position: absolute;
  42. right: 0;
  43. top: 0;
  44. font-size: 1rem;
  45. line-height: 1.5rem;
  46. color: #777;
  47. }
  48. .order-group-item .order-item-prince{
  49. margin: 0;
  50. }
  51. .order-group-item .order-item-length{
  52. margin: 0;
  53. }
  54. .order-group .order-item-sum{
  55. margin: 0;
  56. line-height: 2rem;
  57. font-size: 0.8rem;
  58. color: #777;
  59. }
  60. .order-group .order-item-btn{
  61. margin: 0;
  62. }
  63. .order-group .order-item-btn button{
  64. border-radius: 50px;
  65. margin: 5px 0 8px 10px;
  66. font-size: 1rem;
  67. padding: 2px 10px;
  68. min-width: 70px;
  69. }