submit

pages/contract/index.vue

@@ -13,8 +13,8 @@
       <div class="wrap2">合同编号</div>
       <div class="wrap3">签署日期</div>
     </div>
-    <scroll-view style="margin-top: 20rpx;height: 1400rpx"  class="scrollbox" :scroll-y="true" @scrolltolower="loadMore">
-    <div class="content3">
+    <scroll-view style="margin-top: 20rpx;"  class="scrollbox" :scroll-y="true" @scrolltolower="loadMore">
+    <div class="content3" :style="{height:`${distance}rpx`}" style="overflow-y: auto">
       <div class="wrap1" v-for="(item,index) in mainList" :key="index">
         <div class="wrap1_1">{{item.contractTile}}</div>
         <div class="wrap1_2">{{item.contractId.length>10?`${item.contractId.slice(0,10)}...`:item.contractId}}</div>
@@ -36,11 +36,20 @@ export default {
     return{
       page:1,
       pageSize:999,
-      mainList:[]
+      mainList:[],
+      distance:''
     }
   },
   mounted(){
     this.getData()
+    uni.createSelectorQuery().select('.content2').boundingClientRect(data => {
+      let res = uni.getSystemInfoSync();
+      function pxToRpx(px) {
+        return (px / res.windowWidth) * 750;
+      }
+      const distance = res.windowHeight - data.bottom;
+      this.distance = pxToRpx(distance)-50
+    }).exec()
   },
   methods:{
     loadMore(){
@@ -76,6 +85,7 @@ export default {
   height: 100vh;
   .content3{
     margin-bottom: 166rpx;
+
     .wrap1{
       margin-bottom: 20rpx;
      border-radius: 20rpx;