<template>
	<view class="page-top">
		<image class="bg" src="@/static/icon/icon-1.png"></image>
		<uv-navbar bgColor="transparent" placeholder>
			<template #left>
				<slot name="navLeft"></slot>
			</template>
			<template #center>
				<slot name="navCenter"></slot>
			</template>
			<template #right>
				<slot name="navRight"></slot>
			</template>
		</uv-navbar>
	</view>
</template>

<script>
	export default {
		name: "page-navbar",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.page-top {
		position: relative;
		width: 750rpx;
		height: calc(100rpx + var(--status-bar-height));

		.bg {
			width: 750rpx;
			height: calc(100rpx + var(--status-bar-height));
		}
	}
</style>