<template>
	<view class="xw-empty">
		<image :src="baseImg" mode="widthFix"></image>
		<text :style="{color:textColor}">{{ text }}</text>
	</view>
</template>

<script>
export default {
	name: 'xw-empty',
	props: {
		text: {
			type: String,
			default: '暂无数据'
		},
		textColor:{
			type: String,
			default: '#999999'
		},
	},
	data() {
		return {
			baseImg:
				'data:image/png;base64,[encoded data, 13260 characters]'
		};
	},
	methods: {}
};
</script>

<style lang="scss">
.xw-empty {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 400rpx;
	width: 100%;
	align-items: center;
	color: #555555;
	font-size: 24rpx;
	image {
		width: 200rpx;
		margin-bottom: 50rpx;
	}
}
</style>
