<template>
	<view class="content">
		<view class="v-top">
			<image src="../../static/img/zjc-bg.png" mode="" class="top-bg"></image>
			<view class="top-num">
				{{all || 0}}
			</view>
		</view>
		<scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData" :style="{'heihgt': height}">
			<!-- 空白页 -->
			<!-- <empty v-if="loaded == true && list.length === 0"></empty> -->
		 
			<!-- 订单列表 -->
			<view v-for="(item, index) in list" :key="index" class="order-item flex">
				<view class="title-box flex_item">
					<view class="title-avatar"><image :src="item.avatar"></image></view>
					<view class="list_tpl">
						<view class="title">
							<text>{{ item.nickname }}</text>
						</view>
						<view class="time">
							<text>{{ item.time }}</text>
						</view>
					</view>
				</view>
			</view>
			<uni-load-more :status="loadingType"></uni-load-more>
		</scroll-view>
	</view>
</template>

<script>
	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
	import empty from '@/components/empty';
	
	export default {
		data() {
			return {
				all: '',
				height: '',
				list: [],
				loadingType: 'more',
				page: 1,
				limit: 10,
				loaded: true
			}
		},
		components: {
			uniLoadMore,
			empty
		},
		onReady(res) {
			var _this = this;
			uni.getSystemInfo({
				success: resu => {
					const query = uni.createSelectorQuery();
					query.select('.list-scroll-content').boundingClientRect();
					query.exec(function(res) {
						_this.maxheight = resu.windowHeight - res[0].top + 'px';
						console.log('打印页面的剩余高度', _this.maxheight);
					});
				},
				fail: res => {}
			});
		},
		methods: {
			loadData() {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.v-top {
		position: relative;
		height: 470rpx;
		width: 750rpx;
		.top-bg {
			position: absolute;
			width: 750rpx;
			height: 470rpx;
		}
		.top-num {
			position: relative;
			padding-top: 200rpx;
			font-size: 72rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #fff;
			text-align: center;
		}
		.list-scroll-content {
			position: relative;
		}
	}
</style>
