diff --git a/supply.html b/supply.html index 28b78c8..5e8a607 100644 --- a/supply.html +++ b/supply.html @@ -608,6 +608,25 @@ overscroll-behavior: contain; /* 只允许垂直触摸操作 */ touch-action: pan-y; + padding-bottom: 20px; + } + + /* 响应式调整 - 手机端 */ + @media (max-width: 768px) { + .modal-body { + padding: 15px; + padding-bottom: 30px; + } + + .form-group { + margin-bottom: 15px; + } + + .form-input, + .form-select { + padding: 10px 14px; + font-size: 13px; + } } /* iOS滚动穿透修复 */ @@ -1410,8 +1429,9 @@ background-color: rgba(0, 0, 0, 0.5); display: none; justify-content: center; - align-items: center; + align-items: flex-start; z-index: 1500; + padding-top: 20px; } .select-modal.active { @@ -1422,13 +1442,30 @@ background-color: white; width: 90%; max-width: 600px; - max-height: 70vh; + max-height: 80vh; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; } + /* 响应式调整 - 手机端 */ + @media (max-width: 768px) { + .select-modal { + align-items: flex-start; + padding-top: 10px; + } + + .select-content { + width: 95%; + max-height: 85vh; + } + + .select-body { + max-height: 60vh; + } + } + .select-header { padding: 20px; border-bottom: 1px solid #f0f0f0; @@ -1442,6 +1479,14 @@ overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; + max-height: 50vh; + } + + /* 响应式调整 - 手机端 */ + @media (max-width: 768px) { + .select-body { + max-height: 40vh; + } } .select-search { @@ -1686,7 +1731,7 @@