uniapp中 不铺满全屏滚动加载更多
uniapp中 滚动加载更多
搜索框的部分固定不动 下部分下拉加载更多
添加 scroll-view
<scroll-view v-if="list.length > 0" class="itempages" scroll-y="true" @scrolltolower="loadMore" style="height: 63vh;"> <view class="boxitem" v-for="(item,index) in list" :key="index"> <view class="d_f1 item"> <view class="names">船中文名：</view> <view class="valuees" >{{item.trawlerName}} <text class="xiangq">渔船详情</text> </view> </view> <view class="d_f1 item"> <view class="names">类型：</view> <view class="valuees">{{item.operationType == 1 ? '进港' : '出港'}}</view> </view> <view class="d_f1 item"> <view class="names">申请进港时间：</view> <view class="valuees">{{item.operationTime}}</view> </view> <view class="d_f1 item"> <view class="names">港口名称：</view> <view class="valuees">{{item.portName}}</view> </view> <view class="d_f1 item"> <view class="names">船员人数：</view> <view class="valuees">{{item.count}}人</view> </view> <view class="d_f1 item"> <view class="names">提交申请时间：</view> <view class="valuees">{{item.createTime}}</view> </view> <view class="d_f1 item"> <view class="names">审核状态：</view> <view class="valuees"><view :class="['statue', item.status == 1 ? 'green' : item.status == 2? 'red' : 'orange']">{{item.status == 1 ? '已通过' : item.status == 2? '已驳回' : '待审核'}}</view></view> </view> <view class="d_f1 itembtn" v-if="item.status == 0"> <view class="btns" @click="bohui(item)">驳回</view> <view class="btns" @click="pass(item)">通过</view> </view> </view> </scroll-view>loadMore() { // 加载更多数据 this.getList(false); }, async getList(flag) { // 如果是刷新或者第一次加载，重置页码和列表 if (flag === true) { console.log('重置页码和列表'); this.pageNum = 1; this.list = []; } // 如果已经加载完所有数据，不再请求 if (this.list.length >= this.total && this.total > 0) { this.showMore = false return; } const params = { pageNum: this.pageNum, pageSize: this.pageSize, }; if (this.loading) { return; } this.loading = true; try { const result = await operationRecordList(params); const list = result.rows || []; list.forEach((item) => { item.avatar = Array.isArray(item.file) && item.file.length ? item.file[0].url : ""; }); // 如果是第一页，直接赋值，否则追加 this.list = this.pageNum === 1 ? list : [...this.list, ...list]; this.total = +result.total; // 加载成功后，页码加1 this.pageNum++; } catch (error) { console.error('加载数据失败:', error); } this.loading = false; },