workApp/components/no-data.vue

<template>
	<view class="no_data" :class="{ 'no_data_centered': centered }">
		<image class="no_data_img" src="@/static/image/bg/no_data.png"></image>
		<text class="no_data_text">{{text}}</text>
	</view>
</template>

<script setup>
	const props = defineProps({
		text:{
			type: String,
			default: '暂无数据'
		},
		centered:{
			type: Boolean,
			default: false
		}
	})
</script>

<style scoped lang="scss">
	.no_data{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 362rpx;
		.no_data_img{
			width: 464rpx;
			height: 278rpx;
		}
		.no_data_text{
			color: #999999;
			font-weight: 400;
			font-size: 24rpx;
			line-height: 36rpx;
		}
	}
	.no_data_centered{
		flex: 1;
		height: auto;
		min-height: 0;
	}
</style>