xietaitai-shop-wx/packages/my/score.vue

<template>
	<view class='cotainer'>
		<view>
			<!-- <u-empty v-if="dataList.length==0" marginTop="250"></u-empty> -->
			<view class="ordertop">
				<view>1580</view>
				<view>
					<text>积分规则</text>
					<u-icon name="arrow-right" size="24"></u-icon>
				</view>
			</view>
			<view class="orderlist">
				
				<view class="orderlist-item">
					<view>
						<view>积分获取</view>
						<view>
							<text>2024-06-27</text>
							<text>09:10:10</text>
						</view>
					</view>
					<view>
						+20
					</view>
				</view>
				<view class="orderlist-item">
					<view>
						<view>积分获取</view>
						<view>
							<text>2024-06-27</text>
							<text>09:10:10</text>
						</view>
					</view>
					<view>
						+20
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				isLoading: false,
				dataList: []
			}
		},
		onLoad() {
			// this.loadOrder(1)
		},

		onPullDownRefresh() {
			if (!this.isLoading) {
				this.loadOrder(this.currentPage + 1);
			}
		},
		onReachBottom() {
			if (!this.isLoading) {
				this.loadOrder(this.currentPage + 1);
			}
		},
		methods: {
			todetail(id) {
				// uni.navigateTo({
				// 	url: "/pages/exhibit/detail?id=" + id
				// });
			},
			loadOrder(page) {
				uni.hideKeyboard()
				var that = this;
				that.isLoading = true;
				// this.util.request({
				// 	api: '/api/mobile/exhibit-hall/index',
				// 	customLoading: false,
				// 	data: {
				// 		page: page,
				// 		page_size: 6,
				// 		state: this.tablist[this.current].idx,
				// 		sort_name: 'state',
				// 		sort_name_tow: 'release_time',
				// 		sort_type: "DESC",
				// 		sort_type_tow: 'DESC'
				// 	},
				// 	utilSuccess: function(r) {
				// 		var res = r.data;
				// 		that.isLoading = false;
				// 		var hasNoMore = r.total < 6 && page > 1;
				// 		console.log("hasNoMore", hasNoMore)
				// 		if (hasNoMore || res.length == 0 && page > 1) {
				// 			uni.stopPullDownRefresh(); // 服务器总条数 < 每页条数, 会将第一页的条数重新返回
				// 			// 已加载到最后一页
				// 			uni.showToast({
				// 				title: '已加载到最后一页',
				// 				icon: 'none'
				// 			});
				// 			return;
				// 		}
				// 		var dataList = that.dataList;
				// 		for(var m of res){
				// 			m.dateRange = that.util.splitTime(m.start_time,m.over_time)
				// 		}
						
				// 		if (page == 1) {
				// 			dataList = res;
				// 		} else {
				// 			dataList.push(...res);
				// 		}

				// 		that.currentPage = page;
				// 		that.dataList = dataList;
				// 	},
				// 	utilFail: function(res) {

				// 		if (page == 1) {

				// 			that.currentPage = page;
				// 		}

				// 		that.util.alert(res);
				// 	}
				// });
			}
		}
	}
</script>

<style lang="scss">
	.cotainer{
		padding: 40rpx;
		background-color: #f0efed;
		height: 100vh;
		overflow: scroll;
	}
	.ordertop{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom:30rpx;
		>view{
			&:first-child{
				font-size: 52rpx;
				color:#ba8b45;
			}
			&:last-child{
				font-size: 24rpx;
				color:#666666;
			}
		}
	}
	.orderlist {
		padding:30rpx;
		// padding-bottom: 150rpx;
		background-color: #fff;
		border-radius: 10rpx;
		&-item{
			border-bottom:1px solid #f3f3f3;
			padding:20rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			>view{
				&:first-child{
					font-size: 24rpx;
					color:#000;
					>view{
						&:last-child{
							font-size: 20rpx;
							margin-top:10rpx;
							color:#adadac;
							text{
								margin-right:20rpx;
							}
						}
					}
				}
				&:last-child{
					color:#ba8b45;
					font-size: 36rpx;
				}
			}
		}
	}
</style>