CommunityApp/comps/empty.vue

<template>
	<view class="">
		<view class="empty-page" >
			<image src="/static/common/empty.png" style=""></image>
			<view>{{text || '暂无数据'}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: '',
		props: ['text'],
		data() {
			return {

			};
		}
	};
</script>

<style lang="scss" scoped>
	.empty-page {
		position: absolute;
		left: 50%;
		top: 35%;
		transform: translate(-50%, -50%);

		image {
			width: 200rpx;
			height: 200rpx;
		}

		view {
			text-align: center;
			color: #b3b7be;
			font-size: 28rpx;
		}
	}
</style>