<template>
    <div>
        <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
            <el-tab-pane label="日志管理" name="log"><log></log></el-tab-pane>
            <el-tab-pane label="字典管理" name="dictionary"><dictionary></dictionary></el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import log from "./log/index"
    import dictionary from "./dictionary/index"
    export default {
        name: "index",
        components: {
            log,dictionary
        },
        data() {
            return {
                activeName: "log",
            };
        },
        methods: {
            handleClick(tab, event) {
            },
        },
        created() {},
        mounted() {},
        computed: {},
        watch: {},
    }
</script>

<style scoped lang="less">
    .el-tabs{
        height: calc(100% - 50px);
        /deep/.el-tabs__content{
            height: 100%;
        /deep/.el-tab-pane{
            height: 100%;
        }
        background: #eaedf5;
        }
        /deep/ .el-tabs__item {
            height: 48px;
        }
    }
</style>