<template>
	<view class="contentBox">
		<view v-if="list.length">
			<slot></slot>
			<u-loadmore class="bottomArea" :status="status" v-if="loadmore" />
		</view>
		<view class="noList"  v-if="list.length === 0 && loadmore">
			暂无数据
		</view>
	</view>
</template>

<script>
export default {
  name: "ContentLoadingMore",
  props: {
    status: {
      type: String,
      default: 'loadmore',
    },
	loadmore: {
	  type: Boolean,
	  default: false,
	},
	list: {
		type: Array,
		default: function () {
			return [];
		}
	}
  },
  methods: {
	// // 加载更多
	// onReachBottom() {
	// 	console.log('加载更多');
	// }
  },
};
</script>
<style scoped>
.bottomArea{
	padding-bottom: 160rpx;
	padding-top: 20rpx;
}

.noList{
	text-align: center;
	margin-top: 100rpx;
	font-size: 14px;
}
</style>