<template>
	<div class="home">
		<el-affix :offset="0">
			<div class="header">
				<div class="header_left">
					<div class="logo"></div>
					<div>政企数字运营平台</div>
				</div>
				<div class="header_right">
					右边
				</div>
			</div>
		</el-affix>
		<div style="height: calc(100% - 50px);">
			<RouterView />
		</div>
	</div>
</template>
<script setup>
import { onMounted, ref, watch } from 'vue';
import { CaretBottom, Platform, QuestionFilled, Menu, InfoFilled, HelpFilled, WarningFilled, Briefcase, Promotion, Comment, Tools, Grid, BellFilled, Management } from '@element-plus/icons-vue'
import { ElMessage } from 'element-plus'
// import { logout, getRouters } from "@/api/login";

onMounted(() => {
	
})

</script>
<style scoped>
	.home{
		height: 100vh;
	}
	.dropdownBox{
		padding-top: 2px;
		cursor: pointer;
		display: flex;
		align-items: flex-end;
	}
	.dropdownBox:focus-visible{
		outline: none;
	}
	.avatar{
		width: 22px;
		height: 22px;
		background-color: #fff;
		border-radius: 22px;
		margin-right: 2px;
	}
	.logo{
		width: 30px;
		height: 30px;
		background-color: #fff;
		border-radius: 30px;
		margin-right: 10px;
	}
	.header{
		height: 50px;
		background-color: #409EFF;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30px;
	}
	.header_left{
		display: flex;
		align-items: center;
		color: #fff;
		font-weight: bold;
	}
	.header_right{
		display: flex;
		align-items: flex-start;
		width: 10%;
    	justify-content: space-between;
	}
	.el-menu--vertical {
		--el-menu-item-height: 40px;
		--el-menu-sub-item-height: 40px;
	}
</style>
