guanmao-wxapp/components/loadingText.vue

<template>
	<view class="container">
		<text v-if="!loading && !noMore">上滑加载更多</text>
		<view v-if="loading && !noMore">
			<text class="iconfont icon-refrsh roate"></text>
			<text>加载中...</text>
		</view>
		<text v-if="noMore">没有更多数据了</text>
	</view>
</template>

<script>
	export default {
		props:{
			loading:{
				type: Boolean,
				default: false
			},
			noMore:{
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.container{
	width: 100%;
	height: 100rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #666666;
	font-size: 28rpx;
}
</style>