<template>
    <div class="index-page">
        <layout :layoutConf="layoutSize">
            <page-head title="张謇教育基地管理平台" slot="header" />
            <!-- left -->
            <left slot="left" />
            <!-- center -->
            <center slot="center" />
            <!-- right -->
            <right slot="right" />
        </layout>
    </div>
</template>

<script>
import Left from './Left.vue'
import Center from './Center.vue'
import Right from './Right.vue'

export default {
    data () {
        return {
            // 布局设置
            layoutSize: {
                leftWidth: '510px',
                rightWidth: '510px',
                center: {
                    width: '100%'
                }
            }
        }
    },

    components: {
        Left,
        Center,
        Right
    }
}
</script>

<style lang="less" scoped>
.index-page {
    width: 1920px;
    margin: 0 auto;
}
</style>
