<template>
	<div style="min-height: 100vh;">
		<a-layout class="layout" style="width: 100%; display: flex;align-items: center;justify-items: center;">
			<a-layout-header style="position: fixed;z-index: 99;background: #0A130D;width: 100%;">
				<a-header></a-header>
			</a-layout-header>
			<a-layout-content>
				<router-view></router-view>
			</a-layout-content>
			<a-layout-footer>
				<a-footer></a-footer>
			</a-layout-footer>
		</a-layout>
	</div>

</template>
<script lang="ts" setup>
	import { ref, computed } from 'vue';
	import AFooter from './footer/index.vue';
	import AHeader from './header/aHeader.vue';
</script>
<style lang="less" scoped>
	::-webkit-scrollbar {
		/* 设置滚动条宽度 */
		width: 0px;
	}

	.logo {
		float: left;
		width: 120px;
		height: 31px;
		margin: 16px 34px 16px 0;
		background: #fff;
	}
	
	.login-label {
		
	}

	.ant-layout-content {
		width: 100%;
		// padding-inline: 50px;
		overflow-y: auto;
		background-color: #f0f0f0 !important;
		padding-top: 64px;
		padding-bottom: 30px;
		background-image: linear-gradient(to bottom, #e0f2f4, #f2f4f7);
		// background-image: url('https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/V-_oS6r-i7wAAAAAAAAAAAAAFl94AQBr');

	}

	.ant-layout-footer {
		// position: absolute;
		// bottom: 0;
		// z-index: 99;
		// padding: 30px;
		width: 100%;
		background-color: #0A130D !important;
		color: #fff !important;
	}
</style>