php
/
ZhiHuiJiaoWu_UniApp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

新增加载下一页

master
liutong 1 year ago
parent
b03e484fa4
commit
3280468f76
3 changed files with 199 additions and 55 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      api/member.js
  2. 151
      pages/student/timetable/list.vue
  3. BIN
      static/icon-img/loading_white.png

11
api/member.js
View File

@ -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;
})
},
}

151
pages/student/timetable/list.vue
View File

@ -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>

BIN
static/icon-img/loading_white.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

Write Preview
Loading…
Cancel
Save