index.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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. }
  11. .top .top-image {
  12. width: 240rpx;
  13. height: 180rpx;
  14. margin-right: 20rpx;
  15. }
  16. .top .title .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. .top .title .order-time {
  24. font-size: 26rpx;
  25. color: #666666;
  26. margin-top: 30rpx;
  27. }
  28. .top .title .order-price {
  29. color: red;
  30. margin-top: 30rpx;
  31. }
  32. .ruleBox {
  33. margin: 30rpx;
  34. padding: 20rpx;
  35. border-radius: 30rpx;
  36. background: #ffffff;
  37. }
  38. .ruleBox .list {
  39. display: flex;
  40. }
  41. .ruleBox .list .key {
  42. font-size: 25rpx;
  43. font-weight: bold;
  44. width: 66rpx;
  45. height: 53rpx;
  46. }
  47. .ruleBox .list .value {
  48. font-size: 25rpx;
  49. }
  50. .order-prompt {
  51. margin: 30rpx;
  52. padding: 20rpx;
  53. border-radius: 30rpx;
  54. background: #ffffff;
  55. }
  56. .order-prompt .prompt-title {
  57. font-size: 30rpx;
  58. }
  59. .order-prompt .prompt {
  60. margin-top: 20rpx;
  61. }
  62. .order-prompt .order-number {
  63. margin-top: 20rpx;
  64. font-size: 30rpx;
  65. color: #666666;
  66. display: flex;
  67. }
  68. .order-prompt .order-number .number {
  69. color: black;
  70. }
  71. .bommon {
  72. position: fixed;
  73. bottom: 0;
  74. width: 100%;
  75. background: #46a9a4;
  76. padding: 30rpx 0;
  77. text-align: center;
  78. }
  79. .orderBox .list .key {
  80. width: 150rpx;
  81. }