yglt-uniapp/pages/index/index.vue

<template>
	<view class="content">
		<div class="top">

		</div>
		<div class="bottom">
			<Menu :type="0"/>
		</div>
	</view>
</template>

<script setup>
	import Menu from '../../components/Menu.vue'
</script>

<style scoped>
	.content {
		display: flex;
		flex-direction: column;
		height: 100%;
		background: url('~@/static/home.jpg') no-repeat;
		background-size: 100% 100%;
	}

	.top {
		flex: 12;
	}

	.bottom {
		flex: 1;
		
	}
</style>