<template>
	<!-- 上下布局 -->
	<div id="default-layout">
		<Header></Header>
		<div id="home-container">
			<Nuxt />
		</div>
		<Footer></Footer>

		<el-backtop target="#default-layout" :visibility-height="500" class="custom-backtop">
			<div class="backtop-content">
				<img src="/logo/back-top.png" />
			</div>
		</el-backtop>
	</div>
</template>

<script>
	export default {

	}
</script>

<style lang="scss" scoped>
	#default-layout {
		position: relative;
		@include flex-column;
		overflow: auto;
	}

	.custom-backtop {
		position: fixed;
		right: 15% !important;
		bottom: 30% !important;
		z-index: 999;
		transition: transform 0.3s;

	}

	#home-container {
		width: 100%;
		// min-height: 100vh;

		background-color: $background-color;
	}
</style>
