<template>
    <div class="siteSetting-wrap">
        <!-- <SetLeftMenu /> -->
        <SliderMenu :menuData="siteSettingData" :customize="true"></SliderMenu>

        <!--:menuList="menuList" :activeFloor="activeFloor" :curIndex="curIndex" -->
        <!-- 主内容区域 -->
        <main class="main-content" ref="scrollContainer" id="main-content">
            <!-- 面包屑 位置 -->

            <PageTitle v-if="path !='/siteSetting/siteSem'" className="min-flex-right"/>

            <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 { mapState } from 'vuex';

import SliderMenu from '@/components/SliderMenu.vue'
export default {
    // 站点设置
    name: '',
    props: [''],
    components: {
        PageTitle,
        Footer,
        SliderMenu,
        // SiteBaseSetting
    },
    data() {
        return {
            path:''
        }
    },
    mounted(){
        this.path =this.$route.path;
        console.log(this.$route.path,'090-9090');
        // this.$refs.scrollContainer.scrollTo(0)
    },
    computed: {
    ...mapState(['siteSettingData']) // 从Vuex映射showSidebar状态到组件的计算属性中
  },
    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>