新增加载下一页

api/member.js

@@ -29,10 +29,21 @@ export default {
 			return res;
 		})
 	},
+	//登陆
 	login(data) {
 		let url = '/login'
 		return http.get(url,data).then(res => {
 			return res;
 		})
 	},
+
+	//获取学员课程列表
+	courseList(data) {
+		let url = '/member/course_list'
+		return http.get(url,data).then(res => {
+			return res;
+		})
+	},
+
+
 }

pages/student/timetable/list.vue

@@ -1,6 +1,9 @@
 <!--课程-详情-->
 <template>
 	<view class="main_box">
+    <scroll-view scroll-y="true" :lower-threshold="lowerThreshold"
+			@scrolltolower="loadMoreData"  style="height: 100vh;">
+
       <view class="main_section">
         <view class="title">XXX体育馆</view>
         <view class="con">南山区科苑路15号科兴科学园</view>
@@ -9,57 +12,119 @@
           当前场馆
         </view>
       </view>
+
       <view class="main_section">
         <view class="title">XXX体育馆</view>
         <view class="con">南山区科苑路15号科兴科学园</view>
         <view class="con">距您1km</view>
+        <view class="current-venue" v-if="true">
+          当前场馆
         </view>
-		<view class="main_section">
-			<view class="title">XXX体育馆</view>
-			<view class="con">南山区科苑路15号科兴科学园</view>
-			<view class="con">距您1km</view>
       </view>
       <view class="main_section">
         <view class="title">XXX体育馆</view>
         <view class="con">南山区科苑路15号科兴科学园</view>
         <view class="con">距您1km</view>
+        <view class="current-venue" v-if="true">
+          当前场馆
         </view>
-		<view class="main_section">
-			<view class="title">XXX体育馆</view>
-			<view class="con">南山区科苑路15号科兴科学园</view>
-			<view class="con">距您1km</view>
       </view>
       <view class="main_section">
         <view class="title">XXX体育馆</view>
         <view class="con">南山区科苑路15号科兴科学园</view>
         <view class="con">距您1km</view>
+        <view class="current-venue" v-if="true">
+          当前场馆
+        </view>
       </view>
       <view class="main_section">
         <view class="title">XXX体育馆</view>
         <view class="con">南山区科苑路15号科兴科学园</view>
         <view class="con">距您1km</view>
+        <view class="current-venue" v-if="true">
+          当前场馆
+        </view>
       </view>
       <view class="main_section">
         <view class="title">XXX体育馆</view>
         <view class="con">南山区科苑路15号科兴科学园</view>
         <view class="con">距您1km</view>
+        <view class="current-venue" v-if="true">
+          当前场馆
+        </view>
       </view>
       <view class="main_section">
         <view class="title">XXX体育馆</view>
         <view class="con">南山区科苑路15号科兴科学园</view>
         <view class="con">距您1km</view>
+        <view class="current-venue" v-if="true">
+          当前场馆
+        </view>
       </view>
       <view class="main_section">
         <view class="title">XXX体育馆</view>
         <view class="con">南山区科苑路15号科兴科学园</view>
         <view class="con">距您1km</view>
+        <view class="current-venue" v-if="true">
+          当前场馆
         </view>
       </view>
+
+    </scroll-view>
+    <!--      加载状态-->
+    <fui-loading :isFixed="true" srcCol="/static/icon-img/loading_white.png" text="正在加载..." v-if="loading"></fui-loading>
+
+
+<!--		<view class="main_section">-->
+<!--			<view class="title">XXX体育馆</view>-->
+<!--			<view class="con">南山区科苑路15号科兴科学园</view>-->
+<!--			<view class="con">距您1km</view>-->
+<!--		</view>-->
+<!--		<view class="main_section">-->
+<!--			<view class="title">XXX体育馆</view>-->
+<!--			<view class="con">南山区科苑路15号科兴科学园</view>-->
+<!--			<view class="con">距您1km</view>-->
+<!--		</view>-->
+<!--		<view class="main_section">-->
+<!--			<view class="title">XXX体育馆</view>-->
+<!--			<view class="con">南山区科苑路15号科兴科学园</view>-->
+<!--			<view class="con">距您1km</view>-->
+<!--		</view>-->
+<!--		<view class="main_section">-->
+<!--			<view class="title">XXX体育馆</view>-->
+<!--			<view class="con">南山区科苑路15号科兴科学园</view>-->
+<!--			<view class="con">距您1km</view>-->
+<!--		</view>-->
+<!--		<view class="main_section">-->
+<!--			<view class="title">XXX体育馆</view>-->
+<!--			<view class="con">南山区科苑路15号科兴科学园</view> -->
+<!--			<view class="con">距您1km</view>-->
+<!--		</view>-->
+<!--		<view class="main_section">-->
+<!--			<view class="title">XXX体育馆</view>-->
+<!--			<view class="con">南山区科苑路15号科兴科学园</view>-->
+<!--			<view class="con">距您1km</view>-->
+<!--		</view>-->
+<!--		<view class="main_section">-->
+<!--			<view class="title">XXX体育馆</view>-->
+<!--			<view class="con">南山区科苑路15号科兴科学园</view>-->
+<!--			<view class="con">距您1km</view>-->
+<!--		</view>-->
+<!--		<view class="main_section">-->
+<!--			<view class="title">XXX体育馆</view>-->
+<!--			<view class="con">南山区科苑路15号科兴科学园</view>-->
+<!--			<view class="con">距您1km</view>-->
+<!--		</view>-->
+<!--		<view class="main_section">-->
+<!--			<view class="title">XXX体育馆</view>-->
+<!--			<view class="con">南山区科苑路15号科兴科学园</view>-->
+<!--			<view class="con">距您1km</view>-->
+<!--		</view>-->
 	</view>
 </template>
 
 <script>
-	// import user from '@/api/user.js';
+	import memberApi from '@/api/member.js';
 	import AQTabber from "@/components/AQ/AQTabber.vue"
 
 
@@ -69,12 +134,80 @@
 		},
 		data() {
 			return {
+        loading:false,//加载状态
+        lowerThreshold: 100,//距离底部多远触发
+        isReachedBottom: false,//防止重复加载|true=不可加载|false=可加载
+
+        //筛选条件
+        filteredData:{
+          page:1,//当前页码
+          limit:10,//每页返回数据条数
+          total:10,//数据总条数
+        },
+
+        tableList:[],//表格数据
 
 			}
 		},
 		onLoad() {},
+    onShow() {
+      this.init()//初始化
+    },
+
+
 		methods: {
+		  //初始化
+      async init() {
+        await this.getList()
+      },
 
+		  //加载更过(下一页)
+      loadMoreData() {
+        //判断是否加载
+        if (!this.isReachedBottom) {
+          this.isReachedBottom = true;//设置为不可请求状态
+          this.getList();
+        }
+      },
+      //重置为第一页
+      loadData() {
+        setTimeout(() => {
+          this.isReachedBottom = false; // 重置状态，以便下次触发加载更多
+        }, 1000);
+      },
+
+      //获取列表
+      async getList(){
+        this.loading = true
+
+        let data = {...this.filteredData}
+
+        //判断是否还有数据
+        if(this.filteredData.page * this.filteredData.limit > this.total){
+          this.loading = false
+          uni.showToast({
+            title: '暂无更多',
+            icon: 'none'
+          })
+          return
+        }
+
+        let res = await memberApi.courseList(data)
+        this.loading = false
+        this.isReachedBottom = false;
+        if (res.code != 1){
+          uni.showToast({
+            title: res.msg,
+            icon: 'none'
+          })
+          return
+        }
+
+        this.tableList = res.data.data
+
+        this.total = res.data.total
+        this.page++
+      },
 		}
 	}
 </script>