<template>
	<view class="nodate-box" v-if="show" :class="{'full': isFull}">
		<image class="nodate" src="../../static/images/no-data.png" mode="aspectFill"></image>
		<view class="text">{{text}}</view>
	</view>
</template>

<script>
export default {
    props: {
		show: {
			type: Boolean,
			default: false
		},
		text: {
			type: String,
			default: '暂无数据'
		},
		isFull: {
			type: Boolean,
			default: true
		}
    },
    data() {
        return {
			
        }
    },
    methods: {
		
    }
}
</script>

<style lang="scss">
.nodate-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;

	&.full {
		// height: 100%;
		height: 100vh;

		.nodate {
			margin-top: 280rpx;
			width: 478rpx;
			height: 322rpx;
		}

		.text {
			margin-top: 50rpx;
		}
	}

	.nodate {
		width: 170rpx;
		height: 127rpx;
	}

	.text {
		font-size: 32rpx;
		color: #191A23;
		margin-top: 20rpx;
	}
}
</style>
