<template>
	<div class="home-index">
		<section class="index">
			<img src="@/assets/images/home-bg.jpg" class="bg" />
		</section>
		<section class="designers"></section>
		<section class="design"></section>
		<section class="digital-items"></section>
		<section class="digital-items"></section>
		<section class="footer"></section>
	</div>
</template>

<script setup lang="ts">
	import { computed } from 'vue'
</script>

<style lang="less">
	.home-index {
		width: 100%;
		height: 100%;
		overflow: hidden;
		overflow-y: auto;
		> section {
			position: relative;
			width: 100%;
			height: auto;
		}
		> section.index {
			> .bg {
				width: 100%;
				height: auto;
			}
		}
	}
</style>
