see-logistics.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. @import "../../../../themes/page.scss";
  2. @import "../../searc-list.scss";
  3. /* module/diet/pages/diet-info/diet-info.wxss */
  4. .order-goods-list {
  5. padding: 24rpx 0;
  6. }
  7. .info-box {
  8. // background: red;
  9. // border-radius: 20rpx;
  10. // margin: 24rpx 0;
  11. padding: 24rpx;
  12. background-image: url('https://wx.hzliuzhi.com:4433/manager/file/statics/2025/07/11/WechatIMG637_20250711120303A498.jpg');
  13. background-size: cover;
  14. background-position: center;
  15. background-repeat: no-repeat;
  16. }
  17. .order-no {
  18. font-size: 28rpx;
  19. color: black;
  20. margin: 24rpx 0 0 0;
  21. }
  22. .address-card {
  23. background: #fff;
  24. border-radius: 20rpx;
  25. margin: 24rpx 0;
  26. padding: 24rpx;
  27. box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
  28. }
  29. .address-header {
  30. display: flex;
  31. align-items: center;
  32. gap: 16rpx;
  33. margin-bottom: 8rpx;
  34. }
  35. .address-name {
  36. font-weight: 500;
  37. font-size: 28rpx;
  38. margin-right: 10rpx;
  39. }
  40. .address-phone {
  41. color: #888;
  42. font-size: 26rpx;
  43. }
  44. .address-tag {
  45. margin-left: auto;
  46. }
  47. .address-detail {
  48. color: #666;
  49. font-size: 26rpx;
  50. }
  51. .goods-card {
  52. display: flex;
  53. background: #fff;
  54. border-radius: 20rpx;
  55. box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04);
  56. margin: 0 24rpx 24rpx 24rpx;
  57. padding: 24rpx;
  58. align-items: flex-start;
  59. gap: 24rpx;
  60. }
  61. .goods-img {
  62. width: 130rpx;
  63. height: 150rpx;
  64. border-radius: 12rpx;
  65. object-fit: cover;
  66. margin-right: 16rpx;
  67. }
  68. .goods-info {
  69. flex: 1;
  70. display: flex;
  71. flex-direction: column;
  72. justify-content: center;
  73. }
  74. .goods-title {
  75. font-size: 30rpx;
  76. font-weight: 600;
  77. color: #222;
  78. margin-bottom: 8rpx;
  79. line-height: 1.2;
  80. }
  81. .goods-count {
  82. font-size: 26rpx;
  83. color: #888;
  84. margin-bottom: 12rpx;
  85. }
  86. .goods-express {
  87. display: flex;
  88. align-items: center;
  89. font-size: 26rpx;
  90. }
  91. .express-label {
  92. color: #888;
  93. }
  94. .express-no {
  95. color: #2a7cff;
  96. margin-left: 8rpx;
  97. text-decoration: underline;
  98. }
  99. .express-none {
  100. color: #bbb;
  101. margin-left: 8rpx;
  102. }