12.05前端

gasStation-uni/pagesHome/PointsMing/PointsMing.vue

@@ -21,7 +21,7 @@
 			<u-empty text="积分明细" v-if="mingList.length == 0" icon="http://cdn.uviewui.com/uview/empty/list.png">
 			</u-empty>
 
-
+			<u-loadmore :status="status" v-if="show == true" />
 		</view>
 	</view>
 </template>
@@ -32,7 +32,11 @@
 	export default {
 		data() {
 			return {
-				title: '',
+				show: false,
+				status: 'loading',
+				pageNo: 1,
+				pageSize: 10,
+				totalDetail: '',
 				detailList: [],
 				mingList: [
 					"3", "4", "5", "6",
@@ -47,6 +51,21 @@
 		},
 		onShow() {
 			this.getIntegralDetailList()
+		},
+		onReachBottom() {
+			this.show = true
+			if (this.detailList.length >= this.totalDetail) {
+				uni.showToast({
+					title: '没有下一页数据',
+					icon: 'none'
+				})
+				this.status = "nomore"
+			} else {
+				this.pageNo++
+				this.getIntegralDetailList()
+			}
+
+
 		},
 		methods: {
 			goback() {
@@ -54,16 +73,31 @@
 			},
 			// 查询我的积分明细
 			getIntegralDetailList() {
+				uni.showLoading({
+					title: '加载中'
+				});
 				request({
 					url: 'business/integral/integralDetail/queryByPageUni',
 					method: 'get',
 					params: {
-						chainStoreId: uni.getStorageSync('chainStoreId')
+						chainStoreId: uni.getStorageSync('chainStoreId'),
+						pageNo: this.pageNo,
+						pageSize: this.pageSize
 					}
 				}).then((res) => {
 					if (res.code == 200) {
+
+						if (this.pageNo != 1) {
+							this.detailList = this.detailList.concat(res.data.records)
+						} else {
 							this.detailList = res.data.records
 						}
+						this.totalDetail = res.data.total
+						// let total = res.data.total
+						// this.totalDetail = Math.ceil(total / this.pageSize);
+						console.log(this.totalDetail);
+						uni.hideLoading();
+					}
 				})
 			},
 		}
@@ -73,13 +107,16 @@
 <style scoped lang="scss">
 	.content {
 		background: #f4f5f6;
+		height: 100vh;
 	}
 
 	.container {
 		width: 100%;
-		height: 100vh;
+
+		background: #f4f5f6;
 		box-sizing: border-box;
 		padding-top: 88px;
+		padding-bottom: 15px;
 	}
 
 	.my-header {