<style lang="scss">
@import '../style/home.scss';
.head{
	width:30px;
	height:30px;
	border-radius:50%;
	float:left;
	margin:10px;
}
</style>

<template>
	<el-container>
		<el-header class="header">
			<img class="logo" src="../images/logo.png" alt="">
			<div class="settings">
				<span><img width="16" src="../images/msg.png" alt=""> 肖</span>
        <span>退出登录</span>
			</div>
		</el-header>
		<el-container class="main">
			<!-- 左侧菜单 -->
			<el-aside class="left-aside" width="210px">
           <el-menu  :default-active="$route.path" router class="left-menue" active-text-color="#ffffff">
            <template v-for="(item, index) in $router.options.routes">
              <el-menu-item v-if='item.show&&item.isLeaf' :index="item.path"  :key='index'>
                <i class="el-icon-menu"></i>
                <span slot="title">{{item.name}}</span>
              </el-menu-item>
              <el-submenu v-if='item.show&&!item.isLeaf' :index="'index_'+index"  :key='index'>
                <template slot="title">
                  <i class="el-icon-location"></i>
                  <span>{{item.name}}</span>
                </template>
                <el-menu-item-group >
                  	<el-menu-item v-for="(child,idx) in item.children" :key="index+'_'+idx" :index="child.path" v-show='!child.hide'>
					  {{child.name}}
					</el-menu-item>
                </el-menu-item-group>
              </el-submenu>
            </template>
          </el-menu>
			</el-aside>
			<!-- 右侧内容 -->
			<el-container>
				<el-main>			
					<transition name="fade" mode="out-in"><router-view :info='info' :community='community'></router-view></transition>
				</el-main>
				<!-- <el-footer>Footer</el-footer> -->
			</el-container>
		</el-container>
	</el-container>
</template>

<script>
export default {
	name: 'home',
	data() {
		return {
			menuList:[],
			path:'',
			info:{},
			community_list:[],
			community:{}
		};
	},
	methods: {
	
	},

	created(){

	}
};
</script>
