<template>
	<view style="position: relative">
		<view :style="{ height: statusBarHeight }"></view>
		<view style="height: 44px;display: flex;align-items: center;">
			<slot />
		</view>
		<!-- <view class="statusBar_blur"></view> -->
	</view>
</template>

<script setup>
const statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
</script>

<style lang="scss">
.statusBar_blur {
	width: 100%;
	height: 185rpx;
	position: absolute;
	top: 0;
	left: 0;
	// background: #dbe6ff;
	background: linear-gradient( 180deg, #DBE5FF 0%, #FFFFFF 15%, #FFFFFF 81%, #F7F7F7 100%);
	opacity: 0.8;
	filter: blur(50px);
	/* #ifdef MP-ALIPAY */
	z-index: 0;
	/* #endif */
	/* #ifdef MP-WEIXIN */
	z-index: -1;
	/* #endif */
}
</style>
