<template>
	<div class="login_container">
		<!-- 登录盒子-->
		<div class="login_box">
			<!-- 头像盒子-->
			<div class="img_box">
				<img src="./assets/logo.png" />
			</div>
			<div style="margin-top: 100px; padding: 20px;">
				<<el-form :model="form" label-width="80px">
					<el-form-item label="账号">
						<el-input v-model="form.account"></el-input>
					</el-form-item>
					<el-form-item label="密码">
						<el-input v-model="form.password"></el-input>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" @click="login()">登录</el-button>
						<el-button>取消</el-button>
					</el-form-item>
					</el-form>
			</div>
		</div>
	</div>
</template>

<template>
	 <el-container>
		 <!-- 顶部-->
	   <el-header>
		   <el-dropdown>
		           <i class="el-icon-setting" style="margin-right: 15px"></i>
		           <el-dropdown-menu slot="dropdown">
		             <el-dropdown-item>修改密码</el-dropdown-item>
		             <el-dropdown-item>安全退出</el-dropdown-item>
		           </el-dropdown-menu>
		         </el-dropdown>
		         <span>王小虎</span>
	   </el-header>
	   <el-container>
		   <!-- 左边-->
	     <el-aside width="200px">
			 <el-menu :default-openeds="['1', '3']">
			       <el-submenu index="1">
			         <template slot="title"><i class="el-icon-message"></i>操作菜单</template>
			           <el-menu-item index="1-1">学生管理</el-menu-item>
			           <el-menu-item index="1-2">老师管理</el-menu-item>
			       </el-submenu>
			  </el-menu>
		 </el-aside>
		 <!-- 工作区-->
	     <el-main>
			 Main
		 </el-main>
	   </el-container>
	 </el-container>
</template>