Browse Source

iOS底部适配优化

zhujindu 11 months ago
parent
commit
677f6335fb
1 changed files with 16 additions and 7 deletions
  1. 16 7
      src/views/deviceOutside/index.vue

+ 16 - 7
src/views/deviceOutside/index.vue

@@ -352,12 +352,13 @@
     <van-popup v-model="showPicker" position="bottom" class="textsize">
       <van-row
         style="
-          position: fixed;
-          top: 0;
+          /* position: fixed; */
+          /* top: 0; */
           width: 100%;
           z-index: 998;
           background-color: #fff;
           border-bottom: 1px solid #ccc;
+          height: 50px;
         ">
         <van-col span="3" style="text-align: center; margin: 14px 0" @click="showPicker = false">
           <van-icon name="cross" size="20" color="#909399" />
@@ -372,8 +373,8 @@
           <van-button type="default" size="small" style="height: 28px">重置</van-button>
         </van-col>
       </van-row>
-      <div style="height: 48px; width: 100%"></div>
-      <div class="searchcheck">
+      <!-- <div style="height: 48px; width: 100%"></div> -->
+      <div class="searchcheck" @touchmove="handleTouch">
         <p class="searchchecktitle">&nbsp;经销商</p>
         <van-row>
           <van-col span="24">
@@ -738,7 +739,7 @@ export default {
     this.getMonth();
   },
   mounted() {
-    // 解决iOS 上拉边界下拉出现白色空白
+    // 上拉边界下拉出现白色空白
     let node = document.getElementsByClassName('deviceOutside')[0];
     node.addEventListener(
       'touchmove',
@@ -2413,8 +2414,8 @@ export default {
   width: 100%;
 }
 .searchcheck {
-  height: 93vh;
-  overflow-y: auto;
+  /* height: 93vh;
+  overflow-y: auto; */
 }
 .searchchecktitle {
   width: 100%;
@@ -2431,6 +2432,14 @@ export default {
 }
 .textsize {
   font-size: 14px;
+  /* overflow: hidden; */
+  display: flex;
+  flex-direction: column;
+  .searchcheck {
+    flex: 1;
+    overflow-y: auto;
+    margin-bottom: 50px;
+  }
 }
 .deviceOutside {
   .TCFXListItem {