页面优化

ghsPad/src/pages/home/components/deliveryPop.vue

@@ -300,9 +300,12 @@ export default {
 <style lang="scss" scoped>
 .delivery-pop {
     width: 300upx;
+    height: 99vh;
     background: #fff;
     border-radius: 5upx;
     overflow: hidden;
+    display: flex;
+    flex-direction: column;
     
     .delivery-pop-title {
         display: flex;
@@ -313,6 +316,7 @@ export default {
         font-weight: bold;
         border-bottom: 1rpx solid #eee;
         position: relative;
+        flex-shrink: 0;
         
         .close-icon {
             position: absolute;
@@ -320,13 +324,15 @@ export default {
             font-size: 16upx;
             color: #999;
             padding: 0 5upx;
+            cursor: pointer;
         }
     }
     
     .delivery-body {
         padding: 10upx;
-        max-height: 70vh;
+        flex: 1;
         overflow-y: auto;
+        min-height: 0; // 重要：确保scroll能正常工作
     }
     
     .select-item_box {
@@ -342,6 +348,7 @@ export default {
                 width: 70upx;
                 font-size: 12upx;
                 color: #333;
+                flex-shrink: 0;
             }
             
             .address-box {
@@ -371,6 +378,7 @@ export default {
             .title {
                 font-size: 12upx;
                 color: #333;
+                flex-shrink: 0;
                 
                 .required {
                     color: red;
@@ -437,6 +445,8 @@ export default {
         align-items: center;
         justify-content: center;
         box-sizing: border-box;
+        cursor: pointer;
+        transition: all 0.2s ease;
         
         &.active {
             background: #e6f7ff;
@@ -453,6 +463,7 @@ export default {
         &.disabled {
             background: #f5f5f5;
             opacity: 0.6;
+            cursor: not-allowed;
             
              .platform-name, .platform-price, .platform-type {
                  color: #999;
@@ -483,13 +494,15 @@ export default {
     .delivery-footer {
         display: flex;
         border-top: 1rpx solid #eee;
+        flex-shrink: 0;
+        background: #fff;
         
         button {
             flex: 1;
             border-radius: 0;
-            font-size: 13upx;
-            height: 50upx;
-            line-height: 50upx;
+            font-size: 15upx;
+            height: 40upx;
+            line-height: 40upx;
             
             &::after {
                 border: none;
@@ -498,6 +511,7 @@ export default {
             &.btn-cancel {
                 background: #fff;
                 color: #666;
+                border-right: 1rpx solid #eee;
             }
             
             &.btn-confirm {

hdPad/src/pages/home/components/deliveryPop.vue

@@ -304,9 +304,12 @@ export default {
 <style lang="scss" scoped>
 .delivery-pop {
   width: 300upx;
+  height: 99vh;
   background: #fff;
   border-radius: 5upx;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 
   .delivery-pop-title {
     display: flex;
@@ -317,6 +320,7 @@ export default {
     font-weight: bold;
     border-bottom: 1rpx solid #eee;
     position: relative;
+    flex-shrink: 0;
 
     .close-icon {
       position: absolute;
@@ -324,13 +328,15 @@ export default {
       font-size: 16upx;
       color: #999;
       padding: 0 5upx;
+      cursor: pointer;
     }
   }
 
   .delivery-body {
     padding: 10upx;
-    max-height: 70vh;
+    flex: 1;
     overflow-y: auto;
+    min-height: 0;
   }
 
   .select-item_box {
@@ -346,6 +352,7 @@ export default {
         width: 70upx;
         font-size: 12upx;
         color: #333;
+        flex-shrink: 0;
       }
 
       .address-box {
@@ -375,6 +382,7 @@ export default {
       .title {
         font-size: 12upx;
         color: #333;
+        flex-shrink: 0;
 
         .required {
           color: red;
@@ -395,7 +403,7 @@ export default {
         }
 
         .blue-text {
-          color: #3385ff;
+          color: #09c567;
           font-size: 12upx;
         }
 
@@ -441,6 +449,8 @@ export default {
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
+    cursor: pointer;
+    transition: all 0.2s ease;
 
     &.active {
       background: rgba(4, 158, 44, 0.05);
@@ -458,6 +468,7 @@ export default {
     &.disabled {
       background: #f5f5f5;
       opacity: 0.6;
+      cursor: not-allowed;
 
       .platform-name,
       .platform-price,
@@ -490,13 +501,15 @@ export default {
   .delivery-footer {
     display: flex;
     border-top: 1rpx solid #eee;
+    flex-shrink: 0;
+    background: #fff;
 
     button {
       flex: 1;
       border-radius: 0;
-      font-size: 13upx;
-      height: 50upx;
-      line-height: 50upx;
+      font-size: 15upx;
+      height: 40upx;
+      line-height: 40upx;
 
       &::after {
         border: none;
@@ -505,6 +518,7 @@ export default {
       &.btn-cancel {
         background: #fff;
         color: #666;
+        border-right: 1rpx solid #eee;
       }
 
       &.btn-confirm {