فهرست منبع

feat:修改bug

wangsisi 4 روز پیش
والد
کامیت
53f9866539
1فایلهای تغییر یافته به همراه10 افزوده شده و 0 حذف شده
  1. 10 0
      src/views/old_mini/entry_information/selectLocation.vue

+ 10 - 0
src/views/old_mini/entry_information/selectLocation.vue

@@ -174,15 +174,22 @@ const handleSubmit = async () => {
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 .select-location {
 .select-location {
     width: 100%;
     width: 100%;
+    /* 移动端浏览器地址栏/底栏会导致 100vh 大于可视高度,底栏确认按钮被裁切 */
     height: 100vh;
     height: 100vh;
+    height: 100dvh;
     overflow: hidden;
     overflow: hidden;
     background: #fff;
     background: #fff;
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
 
 
+    :deep(.custom-header) {
+        flex-shrink: 0;
+    }
+
     .select-location-content {
     .select-location-content {
         position: relative;
         position: relative;
         flex: 1;
         flex: 1;
+        min-height: 0;
         overflow: hidden;
         overflow: hidden;
 
 
         .search-bar {
         .search-bar {
@@ -220,9 +227,12 @@ const handleSubmit = async () => {
     }
     }
 
 
     .custom-bottom-fixed-btns {
     .custom-bottom-fixed-btns {
+        /* 覆盖全局 fixed:纳入 flex 布局,避免 100vh 裁切后按钮落在可视区外 */
         position: relative;
         position: relative;
+        flex-shrink: 0;
         background: #fff;
         background: #fff;
         box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
         box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
+        padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px));
 
 
         .bottom-btn {
         .bottom-btn {
             padding: 0 30px;
             padding: 0 30px;