英文单词错误，普法考试分页

src/project/qujing/AppLegalLearning/AppLegalLearning.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="AppLegalLearning">
+  <div class="AppLegalLearning" :style="{'height': screenHeight+'px'}">
     <u-navbar title="普法学习" title-color="#000" title-size="32" :background="{background: '#f4f6fa'}" :is-back="false" :title-bold="true"></u-navbar>
     <div class="tabs_box">
       <u-tabs :list="tabs" font-size="32" bg-color="#f3f5f7" inactive-color="#999999"
      :active-item-style="{color: '#222222'}" :is-scroll="true" :current="currIndex" @change="(i) => (currIndex = i)"> </u-tabs>
     </div>
-    <div>
+    <div :style="{'height': (screenHeight-125)+'px'}">
       <OnlineClass ref="OnlineClass" :height="height" @to-detail="toDetail" v-show="currIndex == 0"></OnlineClass>
       <GeneralLawExam ref="GeneralLawExam" :height="height" @to-test="toTest" v-show="currIndex == 1"></GeneralLawExam>
     </div>
@@ -67,7 +67,7 @@ export default {
     },
     screenHeight(v) {
       if(v) {
-        this.height = this.screenHeight - 250
+        this.height = this.screenHeight - 200
       }
     }
   },
@@ -78,15 +78,23 @@ export default {
     toDetail(id) {
       uni.navigateTo({url: "./classDetail?id=" + id})
     },
-  }
+  },
+  onReachBottom() {
+    var refName = this.currIndex == 1 ? 'GeneralLawExam' : 'OnlineClass'
+    this.$refs[refName].nextList()
+  },
 }
 </script>
 
-<style lang="scss" socped>
+<style lang="scss" scoped>
 .AppGeneralLawExam {
+  height: 100vh;
   .tabs_box {
     height: 100px;
     line-height: 100px;
   }
+  .component-content {
+    height: 100%;
+  }
 }
 </style>