<template>
    <div class="siteSetting-wrap">
        <SetLeftMenu />
        <!--:menuList="menuList" :activeFloor="activeFloor" :curIndex="curIndex" -->
        <!-- 主内容区域 -->
        <main class="main-content" ref="scrollContainer">
            <!-- 面包屑 位置 -->

            <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 {}
    },
    mounted(){
        this.$refs.scrollContainer.scrollTo(0)
    },
    methods: {
    }
}
</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>