<template>
	<view class="m-loading">
		<u-loadmore :status="loading" :icon="icon" :loadText="loadText" bgColor="#F7F7F7" marginTop='12rpx' marginBottom='12rpx'></u-loadmore>
	</view>
</template>

<script>
	export default {
		props: {
			loading: {
				type: String,
				default: 'loadmore'
			},
			icon: {
				type: Boolean,
				default: true
			},
			loadText: {
				type: Object,
				default () {
					return {
						loadmore: '点击或上拉加载更多',
						loading: '正在加载',
						nomore: '没有更多了'
					}
				}	
			}
		},
		data() {
			return {};
		}
	};
</script>

<style lang="scss">
	.m-loading {
		background-color: #F7F7F7;
		padding: 20rpx 0;
	}
	
</style>