<template>
	<div id="mainPageRight">
		<!-- 结构类型占比 -->
		<StructureType></StructureType>
		<!-- 结构类型统计 -->
		<StructureTypeStatistics></StructureTypeStatistics>
		<!-- 建筑高度 -->
		<BuildingHeight></BuildingHeight>
		<!-- 建筑层数 -->
		<FloorsNumber></FloorsNumber>
		
		
		
	</div> 
</template>

<script setup>
	/* export default {
		name: "MainPageRight"
	} */
	import {
		ref,
		onMounted,
		nextTick
	} from 'vue'
	import StructureType from '@/components/StructureType.vue'
	import StructureTypeStatistics from '@/components/StructureTypeStatistics.vue'
	import BuildingHeight from '@/components/BuildingHeight.vue'
	import FloorsNumber from '@/components/FloorsNumber.vue'
	
</script>

<style scoped lang="scss">
	#mainPageRight {
		position: absolute;
		right: 20px;
		top: 87px;
		width: 420px;
		height: 973px;
		background-color: rgba(0,22,52,0.75);
	}
</style>
