<template>
	<div class="home-index">
		<section-index />
		<section-designer />
		<section-aida />
		<section-digital-items1 />
		<section-digital-items2 />
		<section-footer />
	</div>
</template>

<script setup lang="ts">
	import { computed } from 'vue'
	import SectionIndex from './section-index.vue'
	import SectionDesigner from './section-designer.vue'
	import SectionAida from './section-aida.vue'
	import SectionDigitalItems1 from './section-digital-items1.vue'
	import SectionDigitalItems2 from './section-digital-items2.vue'
	import SectionFooter from './section-footer.vue'
</script>

<style lang="less">
	.home-index {
		width: 100%;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		> section {
			width: 100%;
			height: auto;
			min-height: 50vw;
		}
		> section.bgw {
			position: relative;
			> .bg {
				width: 100%;
				height: auto;
				display: block;
			}
			> .content {
				position: absolute;
			}
		}
		> .section-footer {
			min-height: 0;
		}
	}
</style>
