water_affairs/pages/index/modules/home.vue

<template>
	<view>
		<cu-custom ref="Dustom"
			bgImage="https://yostest175549.obs.cn-east-2.myhuaweicloud.com:443/202306151686796745663B52544232.png">
			<block slot="backText">返回</block>
			<block slot="content">
			</block>
		</cu-custom>
		首页
		<view style="width:20px;height: 100vh;background-color: red;">
		</view>
		<view style="width:50px;height: 100vh;background-color: red;">
		</view>
		<view style="width:120px;height: 100vh;background-color: red;">
		</view>

		<view style="height: calc(16.533vw + env(safe-area-inset-bottom) / 2);" />
	</view>
</template>

<script>
export default {
	name: 'Home',
	data() {
		return {

		};
	},
	mounted() {
		const Dustom = this.$refs.Dustom;
		Dustom.CustomBar = Dustom.CustomBar + 66;
	},
}
</script>

<style lang="scss"></style>