uniAppXCX/component/noData.vue

<template>
	<view class="nodata">
		<image class="img" :src="$fileUrl() + '/noData.png'" mode="widthFix"></image>
		<view class="text">
			啊哦，没有任何内容
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.nodata {
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		
		.img {
			width: 80vw;
			margin: 0 auto;
		}
		.text {
			color: #999999;
			font-size: 16px;
			text-align: center;
			position: absolute;
			top: 75%;
			width: 100%;
		}
	}
</style>