<template>
	<view class="finished-activity-container">
		<purchaserActivityList style="width: 682rpx;" ref="purchaserActivityListRef" :activityType="0">
			<view class="no-data-box">
				<view class="no-data">
					<image src="https://hzstatic.hzinsights.com/cygx/icon/activity-no-data.png" ></image>
					<text>暂无对应活动</text>
				</view>
			</view>
		</purchaserActivityList>
		<Loading />
	</view>
</template>

<script>
	import purchaserActivityList from "@/components/activity/purchaserActivityList.vue"
	import { Throttle } from "@/config/util.js";
	import { activity } from "@/config/api";
	
	export default {
		components:{purchaserActivityList},
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		onLoad() {
			this.$refs.purchaserActivityListRef.reloadActivityList();
		},
		onReachBottom: Throttle(function () {
		  if (this.$refs.purchaserActivityListRef.page_no >= this.$refs.purchaserActivityListRef.pages) return;
		  this.$refs.purchaserActivityListRef.loadActivityMore();
		}),
	}
</script>

<style lang="scss" scoped>
	.finished-activity-container{
		background-color: $uni-bg-color;
		// height: 100vh;
		min-height: 100vh;
		padding: 20rpx 34rpx 36rpx;
		.no-data-box{
			width: 682rpx;
			height: calc(100vh - 56rpx);
			border-radius: 16rpx;
			background-color: white;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			.no-data{
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				margin-bottom: 40rpx;
				image{
					width: 412rpx;
					height: 380rpx;
					margin-bottom: 40rpx;
				}
				text{
					font-size: 24rpx;
					line-height: 34rpx;
					color: #999999;
				}
			}
		}
	}
	
</style>