门店信息

src/pages/cart/index.less

@@ -184,7 +184,7 @@
 
   // ===== 下单确认弹层 =====
   .order-popup {
-    padding: 32rpx 32rpx 24rpx;
+    padding: 32rpx 32rpx 130rpx;
 
     &__title {
       font-size: 34rpx;
@@ -192,8 +192,78 @@
       display: block;
     }
 
+    // --- 配送信息 ---
+    &__delivery {
+      margin-top: 24rpx;
+      display: flex;
+      align-items: center;
+      background: #f7f8fa;
+      border-radius: 12rpx;
+      padding: 20rpx 24rpx;
+    }
+
+    &__delivery-icon {
+      flex-shrink: 0;
+      margin-right: 16rpx;
+    }
+
+    &__delivery-info {
+      flex: 1;
+      min-width: 0;
+    }
+
+    &__delivery-head {
+      display: flex;
+      align-items: baseline;
+    }
+
+    &__delivery-name {
+      font-size: 28rpx;
+      color: #323233;
+      font-weight: 600;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    &__delivery-contact {
+      margin-left: 16rpx;
+      font-size: 24rpx;
+      color: #646566;
+      flex-shrink: 0;
+    }
+
+    &__delivery-address {
+      margin-top: 8rpx;
+      font-size: 24rpx;
+      color: #969799;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      overflow: hidden;
+    }
+
+    &__delivery-warn {
+      margin-top: 8rpx;
+      font-size: 24rpx;
+      color: #ee0a24;
+    }
+
+    &__delivery-tip {
+      flex: 1;
+      font-size: 26rpx;
+      color: #969799;
+    }
+
+    &__delivery-arrow {
+      margin-left: 16rpx;
+      font-size: 32rpx;
+      color: #c8c9cc;
+      flex-shrink: 0;
+    }
+
     &__list {
-      max-height: 480rpx;
+      max-height: 400rpx;
       margin-top: 20rpx;
     }
 
@@ -208,6 +278,16 @@
         flex: 1;
         min-width: 0;
         display: flex;
+      }
+
+      &-image {
+        width: 80rpx;
+        height: 80rpx;
+        margin-right: 10rpx;
+      }
+
+      &-title {
+        display: flex;
         flex-direction: column;
       }
 
@@ -256,7 +336,7 @@
     &__remark-input {
       margin-top: 12rpx;
       width: 100%;
-      min-height: 120rpx;
+      height: 80rpx;
       background: #f7f8fa;
       border-radius: 12rpx;
       padding: 16rpx;
@@ -274,13 +354,12 @@
     &__total {
       font-size: 28rpx;
       color: #323233;
-
-      // 金额颜色由内部元素控制
     }
 
     &__submit {
       width: 280rpx;
       border-radius: 999rpx;
+      margin: 0;
     }
   }
 }