<template>
	<view class="mask-conetnt">
		<text class="t">门店未参与{{ name }}活动或主店未开启活动，如需开启参与请联系主店</text>
	</view>
</template>

<script setup>
import { ref } from 'vue';

const props = defineProps({
	name: {
		type: String,
		default: '活动'
	}
});
</script>

<style scoped lang="scss">
.mask-conetnt {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(10px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 5vh;
	.t {
		width: 80vw;
		font-size: 28upx;
		color: #333;
		display: flex;
		justify-content: center;
		text-align: center;
	}
}
</style>
