zhywpt-sp/components/no-data-view/no-data-view.vue

<template>
	<view class="no-data-wrapper">
		<img src="@/static/image/no-data.png" alt="" class="img"/>
		<view class="text">{{props.text || '暂无数据'}}</view>
	</view>
</template>

<script script="ts" setup >
import { defineProps } from 'vue';
const props = defineProps({
	text: {
		type: String,
	},
	imgSrc: {
		type: String
	}
})
</script>

<style lang="scss" scoped>
.no-data-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	.img {
		width: 60%;
		margin-bottom: 40rpx;
	}
	.text {
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 40rpx;
		color: #666666;
		line-height: 50rpx;
	}
	
}
</style>