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

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>

src/project/qujing/AppLegalLearning/components/GeneralLawExam.vue

@@ -84,22 +84,30 @@ export default {
       testList: [],
       testId: '',
       studyDuration: '',
+      pages: 2
     }
   },
   computed: {
     ...mapState(['user'])
   },
   methods: {
+    nextList() {
+      this.current ++
+      this.getList()
+    },
     getList() {
+      if(this.current > this.pages) return
       this.$instance.post(`/app/appexaminationinfo/listForXCX`, null, {
         params: {
           current: this.current,
-          size: 3000,
+          size: 10,
           title: this.title
         }
       }).then(res=> {
         if(res?.data) {
-          this.testList = res.data.records
+          // this.testList = res.data.records
+          this.testList = this.current==1? res.data.records: [...this.testList,...res.data.records]
+          this.pages = res.data.pages
           this.getStudyDuration()
         }
       })
@@ -186,7 +194,7 @@ export default {
 }
 </script>
 
-<style lang="scss" socped>
+<style lang="scss" scoped>
 .GeneralLawExam {
   .search_box {
     margin: 24px 0;

src/project/qujing/AppLegalLearning/components/OnlineClass.vue

@@ -35,12 +35,18 @@ export default {
   data() {
     return {
       current: 1,
+      pages: 2,
       title: '',
       classList: [],
     }
   },
   methods: {
+    nextList() {
+      this.current ++
+      this.getList()
+    },
     getList() {
+      if(this.current > this.pages) return
       this.$instance.post(`/app/appcourseinfo/listByApplet`, null, {
         params: {
           current: this.current,
@@ -50,6 +56,7 @@ export default {
       }).then(res=> {
         if(res?.data) {
           this.classList = this.current==1? res.data.records: [...this.classList,...res.data.records]
+          this.pages = res.data.pages
           // this.classList = res.data.records
         }
       })
@@ -58,14 +65,10 @@ export default {
       this.$emit('toDetail',id)
     },
   },
-  onReachBottom() {
-    this.current ++
-    this.getList()
-  },
 }
 </script>
 
-<style lang="scss" socped>
+<style lang="scss" scoped>
 .OnlineClass {
   .search_box {
     margin: 24px 0;

src/project/qujing/AppVillageActivity/AppVillageActivity.vue

@@ -111,7 +111,7 @@ export default {
 }
 </script>
 
-<style lang="scss" socped>
+<style lang="scss" scoped>
 .activity {
   padding-bottom: 40px;