<template>
	<view class="bg">
		<image :src="showImg(topImg)" mode="aspectFill" class="topImg"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				topImg: 'https://static.ticket.sz-trip.com/changshu/images/rim/topImgs.png',
				list: [],
				pageNo: 1,
				limit: 10
			}
		},
		onReady() {
			this.pageNo = 1
			this.getList()
		},
		onReachBottom() {
			setTimeout(() => {
				if (!this.isLoading) this.getList();
			}, 500);
		},
		methods: {
			getList() {
				this.Post({
					apiType: 'jdsz',
					page_no: this.pageNo,
					page_num: this.limit
				}, '/api/pbservice/Actcalendar/getActList').then(res => {
					if(res) {
						if(res.data.rows.length < this.limit) this.isLoading = true
						this.list = this.list.concat(res.data.rows)
						this.pageNo ++
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bg {
		width: 750rpx;
		min-height: 100vh;
		background: #F7F7F7;
		padding-bottom: 100rpx;
	}
	
	.topImg {
		width: 100%;
		height: 533.33rpx;
	}
</style>