<template>
	<view style="position: relative">
		<view :style="{ height: statusBarHeight }"></view>
		<view style="height: 44px"></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;
	opacity: 0.8;
	filter: blur(50px);
	/* #ifdef MP-ALIPAY */
	z-index: 0;
	/* #endif */
	/* #ifdef MP-WEIXIN */
	z-index: -1;
	/* #endif */
}
</style>
