kuailelunwen_new_houtai/src/views/SiteSetting.vue

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

            <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 SetLeftMenu from '@/components/SetLeftMenu.vue'
export default {
    // 站点设置
    name: '',
    props: [''],
    components: {
        PageTitle,
        Footer,
        SetLeftMenu,
        // SiteBaseSetting
    },
    data() {
        return {
            path:'',
            menuList: [
        {
          name: '基本设置',
          path: '/siteSetting/siteBaseSetting',
          img: require('@/assets/site/sitebase.svg'),
          imgActive: require('@/assets/site/sitebase_active.svg'),
          list: [
            {
              name: '站点信息',
              desc: 'siteMessage1'
            },
            {
              name: '域名设置',
              desc: 'siteMessage2'
            },
            {
              name: '收款方式',
              desc: 'siteMessage3'
            },
          ]
        },
        {
          name: '个性化设置',
          path: '/siteSetting/sitePersonalization',
          img: require('@/assets/site/gexinghua.svg'),
          imgActive: require('@/assets/site/sitebase_active.svg'),
          list: [
            {
              name: '网页模板',
              desc: 'siteMessage4'
            },
            {
              name: '客服设置',
              desc: 'siteMessage5'
            },
            {
              name: '功能显隐',
              desc: 'siteMessage6'
            },
            {
              name: '安全提交',
              desc: 'siteMessage7'
            },
            {
              name: '初始订单数',
              desc: 'siteMessage8'
            },
          ]
        },
        {
          name: '移动端设置',
          path: '/siteSetting/siteH5',
          img: require('@/assets/site/siteh5.svg'),
          imgActive: require('@/assets/site/sitebase_active.svg'),
          list: [
            {
              name: '微信H5',
              desc: 'siteMessage9'
            },
            {
              name: '小程序',
              desc: 'siteMessage10'
            },
          ]
        },
        {
          name: '营销推广',
          path: '/siteSetting/siteSem',
          img: require('@/assets/site/sitesem.svg'),
          imgActive: require('@/assets/site/sitebase_active.svg'),
          list: [
            {
              name: 'SEO设置',
              desc: 'siteMessage11'
            },
            {
              name: 'SEM设置',
              desc: 'siteMessage12'
            },
            {
              name: '访问统计',
              desc: 'siteMessage13'
            },
          ]
        }
      ]
        }
    },
    mounted(){
        this.path =this.$route.path;
        console.log(this.$route.path,'090-9090');
        // 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>