yicangzongtai_app_240321/components/EmptyDate/EmptyDate.vue

<template>
	<view class="empty-box" :style="{'padding-top':top +'rpx','background-color':bgColor}">
		<image class="empty-img" src="./empty-img.png" mode="aspectFit"></image>
		<text class="empty-text">{{emptyText}}</text>
	</view>
</template>

<script>
	export default {
		name: "EmptyDate",
		props: {
			bgColor: {
				type: String,
				default: 'transparent'
			},
			emptyText: {
				type: String,
				default: '暂无数据'
			},
			top: {
				type: Number,
				default: 80
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.empty-box {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;

		.empty-img {
			width: 204rpx;
			height: 193rpx;
		}

		.empty-text {
			padding: 32rpx;
			opacity: 0.59;
			color: #999999;
			font-size: 30rpx;
			font-weight: 400;
		}
	}
</style>