popularize-front/pages/index/index.vue

<template>
	<view class="page">
		<view class="head-box"></view>
		<uv-navbar title=" " bgColor="transparent" height="100rpx"></uv-navbar>
		<view class="content">
			123
		</view>
		
		
		<tabber select="home" />
	</view>
</template>

<script>
	
	import tabber from '@/components/base/tabbar.vue'
	export default {
		components:{
			tabber
		},
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #060504;
	}
</style>
<style scoped lang="scss">
	.page {
		.head-box {
			background: url('@/static/image/nav-bg.png') no-repeat;
			background-size: 100% 100%;
			width: 100%;
			height: 534rpx;
			position: absolute;
		}
		.content {
			color: #fff;
			padding-top: calc(var(--status-bar-height) + 100rpx);
		}
	}
</style>