<template>
	<view class="empty-container">
		<image src="/static/empty.png"></image>
		<view class="empty-description">{{ description }}</view>
	</view>
</template>

<script setup>
	import { defineProps } from 'vue'
	defineProps({
		description: {
			type: String,
			default: '无数据'
		}
	})
</script>

<style lang="scss" scoped>
	.empty-container {
		text-align: center;
		padding: 40rpx 0;
		image {
			width: 200rpx;
			height: 200rpx;
		}
		.empty-description {
			color: #999;
			font-size: 12px;
		}
	}
</style>