<template>
	<view class="mall_notice_layer_cn">

		<!-- 有效商品 -->
		<ty-layer-pop-up v-if="show" @overlayClick="close">
			<view class="notice_layer_content" style="padding:0 75rpx;" @click.stop="">
				<view class="flex justify-end padding-bottom-50" @click="close">
					<text class="tyIcon-guanbi text-48 text-ff"></text>
				</view>
				<view class="flex flex-direction align-center bg-ff radius-30">
					<view class="width-100p height-120 bg-main text-center text-60 text-bold text-ff" style="line-height:120rpx;border-radius: 30rpx 30rpx 0 0;">恭喜您</view>
					<view class="padding-tb-40 padding-lr-50 text-center text-28">
						设置抢购提醒成功，小二会在场次开启前{{minute}}分钟通知小主，望小主勿忘!
					</view>
				</view>
			</view>
		</ty-layer-pop-up>
	</view>
</template>

<script>
	export default {
		props: {
			show: { //是否显示浮层
				type: Boolean,
				default: false
			},
			type:{
				type:[Number,String],
				default: 1
			},
			minute:{
				type:[Number,String],
				default: 10
			}
		},
		methods: {
			//关闭浮层
			close() {
				this.$emit("update:show", false)
			},
		}
	}
</script>

<style scoped>
	.notice_layer_content {
		position: fixed;
		left: 0;
		top: 300rpx;
		width: 100vw;
	}
</style>
