<!-- 自定义状态栏 -->
<template>
	<view :style="{ height: statusBarHeight }" class="uni-status-bar" :class="navBg? 'ss' : ''">
		<slot />
	</view>
</template>

<script setup>
	import sheep from '@/sheep';
	const props = defineProps({
		navBg: {
			type: Boolean,
			default: false,
		}
	})
	const statusBarHeight = sheep.$platform.device.statusBarHeight - 2 + 'px';
</script>
<style lang="scss">
	.uni-status-bar {
		// width: 750rpx;
		height: var(--status-bar-height);
	}
	.ss {
		background: rgba(248, 83, 42);
	}
</style>