wisdomisitezwfront-web/src/views/goverment/huizhou/largeScreen/largeScreenTwo/index.vue

<template>
	<div class="project">
		<div class="Leftcent">
			<LeftcentView></LeftcentView>
		</div>
		<div class="RigthTop">
			<RigthTopView></RigthTopView>
		</div>
		<div class="rigthBo">
			<RigthBottLeftView></RigthBottLeftView>
		</div>
		<div class="rigthBottRig">
			<RigthBottRigthView></RigthBottRigthView>
		</div>
	</div>
</template>

<script setup lang="tsx" name="largeScreenTwo">
import LeftcentView from "./components/LeftcentView.vue";
import RigthTopView from "./components/RigthTopView.vue";
import RigthBottLeftView from "./components/RigthBottLeftView.vue";
import RigthBottRigthView from "./components/RigthBottRigthView.vue";
</script>
<style scoped lang="scss">
.project {
	position: relative;
	height: 100%;
	width: 100%;

	.Leftcent {
		position: absolute;
		top: 0px;
		width: 24.9%;
	}

	.RigthTop {
		position: absolute;
		top: 0px;
		width: 74.5%;
		right: 0px;
		height: 260px;
	}
	.rigthBo {
		position: absolute;
		width: 37%;
		top: 267px;
		left: 25.5%;
	}
	.rigthBottRig {
		position: absolute;
		width: 37%;
		top: 267px;
		left: 62.8%;
	}
}
</style>