<template>
	<scroll-view
	scroll-y="true" 
	:style="{height: height}"
	@scrolltolower="$emit('loadMoreData')">
		
		<uv-empty 
		v-if="!list || !list.length"
		:text="emptyText"
		textSize="30rpx"
		iconSize="200rpx"
		:icon="emptyImage"></uv-empty>
		
		<template
		v-else
		v-for="(item, index) in list">
			<slot 
			:index="index"
			:item="item">
				<view class="">
					未定义内容
				</view>
			</slot>
		</template>
	</scroll-view>
</template>

<script>
	export default {
		props : {
			height : {
				default : 'auto'
			},
			list : {
				default : [],
			},
			emptyImage : {
				default : 'list'
			},
			emptyText : {
				default : '空空如也！'
			},
			textColor : {
				default : '#c0c4cc'
			}
		},
		data() {
			return {
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
