<template>
	<view v-if="show" class="no-more-content">
		<view class="line" />
		<view class="text">
			<slot>没有更多了</slot>
		</view>
		<view class="line" />
	</view>
</template>

<script>
export default {
	name: 'NoMore',
	props: {
		show: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {}
	},
	methods: {}
}
</script>

<style
    lang="scss"
    scoped
>
.no-more-content {
	margin-top: 35rpx;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	.line {
		width: 20vw;
		height: 2rpx;
		background-color: #808080;
	}

	.text {
		color: #808080;
		margin: 0 50rpx;
	}
}
</style>
