mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2026-01-14 06:57:09 +08:00
40 lines
918 B
Vue
40 lines
918 B
Vue
<template>
|
|
<a-layout class="layout layout-default" :class="{ mobile: isMobile }">
|
|
<Asider></Asider>
|
|
<a-layout class="layout-default-right">
|
|
<Header></Header>
|
|
<Tabs></Tabs>
|
|
<Main></Main>
|
|
<GiFooter v-if="appStore.copyrightDisplay" />
|
|
</a-layout>
|
|
</a-layout>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Asider from './components/Asider/index.vue'
|
|
import Header from './components/Header/index.vue'
|
|
import Main from './components/Main.vue'
|
|
import Tabs from './components/Tabs/index.vue'
|
|
import GiFooter from '@/components/GiFooter/index.vue'
|
|
import { useAppStore } from '@/stores'
|
|
import { useDevice } from '@/hooks'
|
|
|
|
defineOptions({ name: 'LayoutDefault' })
|
|
const appStore = useAppStore()
|
|
const { isMobile } = useDevice()
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.layout {
|
|
height: 100%;
|
|
}
|
|
|
|
.layout-default {
|
|
flex-direction: row;
|
|
|
|
&-right {
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
</style>
|