confirm-receiving.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. @import "../../../../themes/page.scss";
  2. @import "../../searc-list.scss";
  3. /* module/diet/pages/diet-info/diet-info.wxss */
  4. .confirm-receive-container {
  5. background: #f7f8fa;
  6. display: flex;
  7. flex-direction: column;
  8. align-items: stretch;
  9. padding-bottom: 48rpx;
  10. }
  11. .order-goods-list {
  12. margin-top: 32rpx;
  13. }
  14. .goods-card {
  15. display: flex;
  16. background: #fff;
  17. border-radius: 20rpx;
  18. box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04);
  19. margin: 0 24rpx 24rpx 24rpx;
  20. padding: 24rpx;
  21. align-items: flex-start;
  22. gap: 24rpx;
  23. }
  24. .goods-img {
  25. width: 120rpx;
  26. height: 120rpx;
  27. border-radius: 12rpx;
  28. object-fit: cover;
  29. margin-right: 16rpx;
  30. }
  31. .goods-info {
  32. flex: 1;
  33. display: flex;
  34. flex-direction: column;
  35. justify-content: center;
  36. }
  37. .goods-title {
  38. font-size: 30rpx;
  39. font-weight: 600;
  40. color: #222;
  41. margin-bottom: 8rpx;
  42. line-height: 1.2;
  43. }
  44. .goods-count {
  45. font-size: 26rpx;
  46. color: #888;
  47. margin-bottom: 12rpx;
  48. }
  49. .goods-express {
  50. display: flex;
  51. align-items: center;
  52. font-size: 26rpx;
  53. }
  54. .express-label {
  55. color: #888;
  56. }
  57. .express-no {
  58. color: #2a7cff;
  59. margin-left: 8rpx;
  60. text-decoration: underline;
  61. }
  62. .express-none {
  63. color: #bbb;
  64. margin-left: 8rpx;
  65. }
  66. .confirm-title {
  67. margin: 64rpx 0 16rpx 0;
  68. text-align: center;
  69. font-size: 32rpx;
  70. font-weight: 600;
  71. color: #222;
  72. }
  73. .confirm-desc {
  74. text-align: center;
  75. color: #bbb;
  76. font-size: 26rpx;
  77. margin-bottom: 120rpx;
  78. }
  79. .confirm-footer {
  80. display: flex;
  81. justify-content: center;
  82. gap: 32rpx;
  83. position: fixed;
  84. left: 0;
  85. bottom: 0;
  86. width: 100vw;
  87. background: #fff;
  88. padding: 24rpx 0 32rpx 0;
  89. box-shadow: 0 -2rpx 8rpx rgba(0,0,0,0.04);
  90. z-index: 100;
  91. .footer-btn {
  92. flex: 1;
  93. margin: 0 24rpx;
  94. font-size: 30rpx;
  95. border-radius: 12rpx;
  96. height: 88rpx;
  97. }
  98. }