<template>
    <el-container style="width: 100%;height: 100%;position:fixed;top:0;left: 0;">
        <el-aside width="auto" style="background: rgb(84, 92, 100);top:0;left: 0;">
            <AdminAside></AdminAside>
        </el-aside>
        <el-container>
            <el-header style="padding:0;">
                <AdminHeader></AdminHeader>
            </el-header>
            <AdminTags></AdminTags>
            <el-main>
                <div>
                    <router-view></router-view>
                </div>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
import AdminHeader from "@/components/System/AdminHeader.vue";
import AdminAside from "@/components/System/AdminAside.vue";
import AdminTags from "@/components/System/AdminTags.vue";

export default {
    name: "systemIndex",
    components:{
        AdminTags,
        AdminAside,
        AdminHeader
    }
}
</script>

<style scoped>

</style>