<template>
		<div v-if="status==true" class="c_loading">
			<van-row class="loading" v-if="status==true">
			  <van-col span="24" style="text-align: center;"><van-loading color="#238f8b" size="64px" >加载中...</van-loading></van-col>
			</van-row>
		</div>
		
 
</template>

<script setup>
	defineProps({status:false});
	console.log(status)
</script>

<style scoped>
	.c_loading{
		position: absolute;
	 box-sizing:border-box;
	 z-index: 9999;
	 top:0px;
	 left: 0px;
	 width: 100vw;
	 height: inherit;
	
	}
	.loading{
		position: absolute;
		box-sizing:border-box;
		width:100%;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		 z-index: 9999;
		 background-color: #ccc;
		 opacity: 0.5;
	}
</style>