<template>
	<view class="empty-box">
		<image class="empty-icon" src="/static/images/pages_watch/images/icon_img_empty.png" mode="aspectFill"></image>
		<text>{{text}}</text>
	</view>
</template>

<script>
	export default {
		name: "myEmpty",
		props: {
			text: {
				type: String,
				default: "暂无数据"
			}
		},
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.empty-box {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 100rpx 0;
		color: #c0c4cc;
		font-size: 14px;
	}

	.empty-icon {
		width: 160px;
		height: 160px;
	}
</style>