<template>
	<div class="container">
		<el-container class="el-container">
			<el-aside style="width:auto;">
				<side-menu-bar></side-menu-bar>
			</el-aside>

			<el-container>
				<el-header style="height:120px">
					<header-bar></header-bar>
					<tab-bar></tab-bar>
				</el-header>
				<el-main>
					<main-content></main-content>
				</el-main>
			</el-container>
			
		</el-container>
	</div>
</template>
<script>
	import HeaderBar from "./HeaderBar"
	import SideMenuBar from './SideMenuBar'
	import MainContent from './MainContent'
	import TabBar from './TabBar'
	// 
	// 
	export default {

		components: {
			HeaderBar,
			SideMenuBar,
			MainContent,
			TabBar
		},

		mounted() {
			this.$router.push('/home/main');
		}

	}
</script>
<style scoped>
	@import '../../../style/home.css';
</style>
