<template>
    <div class="container">
        <banner></banner>
        <div class="center-content" style="padding-top: 60px">
            <menu-page>
                <div class="menu-content" slot="menuList">
                    <el-menu default-active="1-1" class="menu-content">
                        <el-submenu index="1">
                            <template slot="title">
                                <span>政策</span>
                            </template>
                            <el-menu-item index="1-1">部委</el-menu-item>
                            <el-menu-item index="1-2">省级</el-menu-item>
                            <el-menu-item index="1-3">市级</el-menu-item>
                        </el-submenu>
                        <el-submenu index="2">
                            <template slot="title">
                                <span>政策</span>
                            </template>
                            <el-menu-item index="2-1">部委</el-menu-item>
                            <el-menu-item index="2-2">省级</el-menu-item>
                            <el-menu-item index="2-3">市级</el-menu-item>
                        </el-submenu>
                        <el-submenu index="3">
                            <template slot="title">
                                <span>政策</span>
                            </template>
                            <el-menu-item index="3-1">部委</el-menu-item>
                            <el-menu-item index="3-2">省级</el-menu-item>
                            <el-menu-item index="3-3">市级</el-menu-item>
                        </el-submenu>
                    </el-menu>
                </div>

                <div class="main">
                    <router-view />
                </div>
            </menu-page>
        </div>
    </div>
</template>

<script>
import Banner from '../components/Banner.vue';
import MenuPage from '../components/page/MenuPage.vue';
export default {
    components: { MenuPage, Banner }
};
</script>

<style lang="less" scoped>
.container {
    background-color: @bg;
}

.main {
    min-height: 1080px;
    flex-grow: 1;
    .flex-col();
}

.menu-content {
    min-height: 800px;
    background-color: #fff;
}
</style>
