加css样式解决白屏问题

src/views/ebiz/claims/ClaimApprovalList.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="sale-list-container pb50">
+  <div class="sale-list-container pb50 box">
+    <div class="section">
       <van-sticky>
         <van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
           <van-tab name="notApproved" title="未审批"></van-tab>
@@ -84,6 +85,7 @@
         <div class="fs17 mt40" v-if="active == 'notApproved'">暂无未审批信息！</div>
         <div class="fs17 mt40" v-if="active == 'approvalRecord'">暂无审批记录！</div>
       </div>
+    </div>
     <div class="bottom-btn bg-white pt10 pb10 flex justify-content-s" style="border-top: 1px solid #dadada;" v-if="active == 'notApproved'">
         <div>
             <van-button class="ml10 mr10" type="danger" :plain='total != claimApprovalIds.length' round size="small" @click="checkAll">全选</van-button>
@@ -411,4 +413,14 @@ export default {
     background-size: 100% 100%;
     vertical-align: middle;
   }
+  .box{
+      height: 100vh;
+      overflow: hidden;
+  }
+  .section{
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+  }
 </style>