<script setup name="PPTIndex">
import {ref,reactive} from 'vue'
import MobileClassifyWrap from './components/MobileClassifyWrap.vue'
import PadPPTIndexWrap from './components/PadPPTIndexWrap.vue'

import { useConfigSettingStore } from '@/store/modules/etaConfig'
useConfigSettingStore().getBaseConfigSetting()


</script>

<template>
    <div class="ppt-index-page">
        <div class="ppt-index-page_mobile">
            <MobileClassifyWrap />
        </div>
        <div class="ppt-index-page_pad">
            <PadPPTIndexWrap/>
        </div>
    </div>
</template>

<style lang="scss" scoped>
.ppt-index-page_pad{
    display: none;
}
@media screen and (min-width:$media-width){
    .ppt-index-page_mobile{
        display: none;
    }
    .ppt-index-page_pad{
        display: block;
    }
}
</style>