zh_order_food_xcx/pages/index/index.vue

<template>
	<view class="index-box">
		<Nav :leftShow='false' :customNav='true' :bgckgroundBox='bgckgroundBox'>
			<template>
				<view slot="custom" class="align-items-center">
					<uni-icons type="location-filled" size="20"></uni-icons>
					<view class="fs-32 fw-600 ml-10">重庆邮电大学...</view>
					<image class="nav-icon ml-10" src="@/static/img/index/index-right.png" mode=""></image>
				</view>
			</template>
		</Nav>
		
		<image class="bg-img" src="@/static/img/index/index-bg.png" mode="aspectFit"></image>
		
		
		<view class="index-box-1 box-border-box plr-24">
			11111111111111
		</view>
	</view>

</template>
<script>

  export default {
		data() {
			return {
				bgckgroundBox:'transparent',
			}
		},
		onPageScroll(e) {
			if(e.scrollTop>1){
				this.bgckgroundBox = '#fff';
			}else{
				this.bgckgroundBox = 'transparent';
			}
		},
		mounted() {
      
		},
		methods: {
			
		},
	}
</script>
<style lang="scss" scoped>
	.index-box{
		position: relative;
		.bg-img{
			width: 100%;
			height: 1220rpx;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
		}
		.nav-icon{
			width: 32rpx;
			height: 32rpx;
		}
		.index-box-1{
			width: 100%;
			height: 3000rpx;
		}
	}

</style>