<template>
	<view class="empty-box">
	  <image class="empty-img" :src="imgPath" />
	  <text class="description">{{ description }}</text>
	</view>
</template>

<script>
	import httpConfig from '../../utils/httpConfig.js'
	export default {
		props: {
			description: {
				type: String,
				default: '暂无数据'
			}
		},
		data() {
			return {
				imgPath: httpConfig.imgHost + '/images/icon/no-data.png'
			}
		},
	}
</script>

<style>
	.empty-box {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  margin: 0 auto;
	}
	.empty-img {
		width: 130px;
		height: 110px;
	}
	.description {
	  display: block;
	  margin-top: 10rpx;
	  font-size: 24rpx;
	  color: #d4d1d1;
	}
</style>