<template>
    <div class="siteSetting-wrap">
        <SetLeftMenu :menu-items="menuItems" />

        <!-- 主内容区域 -->
        <main class="main-content">
            <!-- 面包屑 位置 -->

            <PageTitle />

            <router-view></router-view>
            <Footer></Footer>
        </main>
    </div>
</template>
<script>
// import SiteBaseSetting from './SiteBaseSetting.vue';
import PageTitle from '@/components/PageTitle.vue';
import Footer from '@/components/Footer.vue';
import SetLeftMenu from '@/components/SetLeftMenu.vue'
export default {
    // 站点设置
    name: '',
    props: [''],
    components: {
        PageTitle,
        Footer,
        SetLeftMenu,
        // SiteBaseSetting
    },
    data() {
        return {
            menuItems: [
                { title: '页面1', path: '/siteSetting/siteBaseSetting' },
                { title: '页面2', path: '/siteSetting/sitePersonalization' },
                { title: '页面3', path: 'page3' }
            ]
        }
    }
}
</script>
<style scoped lang="scss">
.siteSetting-wrap {
    display: flex;
    height: 100%;
}

// .sidebar {
//     width: 250px;
//     background: #f5f5f5;
//     padding: 20px;
// }

.main-content {
    flex: 1;
    padding: 12px;
    overflow-y: auto;
}
</style>