index.less 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. page {
  2. background: #f6f6f6;
  3. }
  4. .top {
  5. display: flex;
  6. background: #ffffff;
  7. margin: 30rpx;
  8. border-radius: 30rpx;
  9. padding: 20rpx;
  10. .top-image {
  11. width: 240rpx;
  12. height: 180rpx;
  13. margin-right: 20rpx;
  14. }
  15. .title {
  16. .order-name {
  17. overflow: hidden; //一定要写
  18. text-overflow: ellipsis; //超出省略号
  19. display: -webkit-box; //一定要写
  20. -webkit-line-clamp: 1; //控制行数
  21. -webkit-box-orient: vertical; //一定要写
  22. }
  23. .order-time {
  24. font-size: 26rpx;
  25. color: #666666;
  26. margin-top: 30rpx;
  27. }
  28. .order-price {
  29. color: red;
  30. margin-top: 30rpx;
  31. }
  32. }
  33. }
  34. .ruleBox {
  35. margin: 30rpx;
  36. padding: 20rpx;
  37. border-radius: 30rpx;
  38. background: #ffffff;
  39. .list {
  40. display: flex;
  41. .key {
  42. font-size: 25rpx;
  43. font-weight: bold;
  44. width: 66rpx;
  45. height: 53rpx;
  46. }
  47. .value {
  48. font-size: 25rpx;
  49. }
  50. }
  51. }
  52. .order-prompt {
  53. margin: 30rpx;
  54. padding: 20rpx;
  55. border-radius: 30rpx;
  56. background: #ffffff;
  57. .prompt-title {
  58. font-size: 30rpx;
  59. }
  60. .prompt {
  61. margin-top: 20rpx;
  62. }
  63. .order-number {
  64. margin-top: 20rpx;
  65. font-size: 30rpx;
  66. color: #666666;
  67. display: flex;
  68. .number {
  69. color: black;
  70. }
  71. }
  72. }
  73. .bommon {
  74. position: fixed;
  75. bottom: 0;
  76. width: 100%;
  77. background: #46a9a4;
  78. padding: 30rpx 0;
  79. text-align: center;
  80. }
  81. .orderBox{
  82. .list{
  83. .key{
  84. width: 150rpx;
  85. }
  86. }
  87. }