<template>
	<view class="plate">
		<text class="plate-text">{{ label }}</text>
	</view>
</template>

<script>
export default {
	name: 'StatusPlate',
	props: {
		label: { type: String, default: '' }
	}
}
</script>

<style scoped>
.plate {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.65);
	z-index: 12;
}
.plate-text {
	color: #fff;
	font-size: 30rpx;
}
</style>
