配送平台报价页面优化

ghsApp/src/admin/delivery/allDelivery.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="delivery-container">
+  <view class="delivery-container" :style="isApp ? 'padding-bottom: 95upx;' : ''">
 
     <!-- 地址选择区 -->
     <view class="address-section">
@@ -161,6 +161,7 @@ export default {
   },
   data() {
     return {
+        isApp: false,
         selectedDelivery: null,
         orderId: null,
         senderInfo: {
@@ -220,6 +221,9 @@ export default {
     }
   },
   onLoad(options) {
+    // #ifdef APP-PLUS
+    this.isApp = true;
+    // #endif
     // 从路由参数获取订单ID，可用于后续加载真实数据
     if (options && options.orderId) {
       this.orderId = options.orderId;
@@ -499,7 +503,8 @@ export default {
 /* 地址选择 */
 .address-section {
   background-color: white;
-  margin: 20upx;
+  margin: 15upx;
+  margin-bottom: 10upx;
   border-radius: 12upx;
   border: 2upx solid #f0f0f0;
   overflow: hidden;
@@ -572,12 +577,12 @@ export default {
   display: flex;
   flex-direction: column;
   background-color: white;
-  margin: 0 20upx;
-  padding: 20upx;
+  margin: 0 15upx;
+  padding: 6upx 20upx;
   border-radius: 12upx;
   font-size: 28upx;
   color: #333333;
-  margin-bottom: 20upx;
+  margin-bottom: 10upx;
   border: 2upx solid #f5f5f5;
   flex-shrink: 0;
 
@@ -713,9 +718,8 @@ export default {
   align-items: center;
   justify-content: space-between;
   padding: 20upx;
-  background-color: #f0f7ff;
-  margin: 0 20upx;
-  margin-bottom: 0;
+  background-color: #e4efff;
+  margin: 0 15upx;
   border: 1upx solid #f0f0f0;
   border-radius: 12upx 12upx 0 0;
   flex-shrink: 0;
@@ -767,7 +771,7 @@ export default {
 
 /* 平台运力与快递列表 */
 .platform-delivery-list {
-  margin: 0 20upx 20upx;
+  margin: 0 15upx 40upx;
   background-color: white;
   border-radius: 0 0 12upx 12upx;
   border: 1upx solid #f0f0f0;
@@ -1002,9 +1006,9 @@ export default {
   right: 0;
   background-color: white;
   border-top: 1rpx solid #f0f0f0;
-  padding: 20rpx 30rpx;
-  padding-bottom: calc(20rpx + constant(safe-area-inset-bottom));
-  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+  padding: 15rpx 30rpx;
+  padding-bottom: calc(15rpx + constant(safe-area-inset-bottom));
+  padding-bottom: calc(15rpx + env(safe-area-inset-bottom));
   display: flex;
   justify-content: space-between;
   align-items: center;

hdApp/src/admin/delivery/allDelivery.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="delivery-container">
+  <view class="delivery-container" :style="isApp ? 'padding-bottom: 95upx;' : ''">
 
     <!-- 地址选择区 -->
     <view class="address-section">
@@ -156,6 +156,7 @@ export default {
   },
   data() {
     return {
+        isApp: false,
         selectedDelivery: null,
         orderId: null,
         senderInfo: {
@@ -213,6 +214,9 @@ export default {
     }
   },
   onLoad(options) {
+    // #ifdef APP-PLUS
+    this.isApp = true;
+    // #endif
     // 从路由参数获取订单ID，可用于后续加载真实数据
     if (options && options.orderId) {
       this.orderId = options.orderId;
@@ -488,7 +492,8 @@ export default {
 /* 地址选择 */
 .address-section {
   background-color: white;
-  margin: 20upx;
+  margin: 15upx;
+  margin-bottom: 10upx;
   border-radius: 12upx;
   border: 2upx solid #f0f0f0;
   overflow: hidden;
@@ -561,12 +566,12 @@ export default {
   display: flex;
   flex-direction: column;
   background-color: white;
-  margin: 0 20upx;
-  padding: 20upx;
+  margin: 0 15upx;
+  padding: 4upx 20upx;
   border-radius: 12upx;
   font-size: 28upx;
   color: #333333;
-  margin-bottom: 20upx;
+  margin-bottom: 10upx;
   border: 2upx solid #f5f5f5;
   flex-shrink: 0;
 
@@ -703,8 +708,7 @@ export default {
     justify-content: space-between;
     padding: 20upx;
     background-color: rgba(4, 158, 44, 0.05);
-    margin: 0 20upx;
-    margin-bottom: 0;
+    margin: 0 15upx;
     border: 1upx solid #f0f0f0;
     border-radius: 12upx 12upx 0 0;
     flex-shrink: 0;
@@ -756,7 +760,7 @@ export default {
 
 /* 平台运力与快递列表 */
 .platform-delivery-list {
-  margin: 0 20upx 20upx;
+  margin: 0 15upx 40upx;
   background-color: white;
   border-radius: 0 0 12upx 12upx;
   border: 1upx solid #f0f0f0;