mirror of
https://github.com/m-xlsea/ruoyi-plus-soybean.git
synced 2025-09-24 07:49:47 +08:00
58 lines
1.5 KiB
Vue
58 lines
1.5 KiB
Vue
<template>
|
|
<admin-layout
|
|
:mode="mode"
|
|
:min-width="theme.layout.minWidth"
|
|
:fixed-header-and-tab="theme.fixedHeaderAndTab"
|
|
:header-height="theme.header.height"
|
|
:tab-visible="theme.tab.visible"
|
|
:tab-height="theme.tab.height"
|
|
:sider-visible="siderVisible"
|
|
:sider-width="siderWidth"
|
|
:sider-collapsed-width="siderCollapsedWidth"
|
|
:sider-collapse="app.siderCollapse"
|
|
:add-main-overflow-hidden="addMainOverflowHidden"
|
|
:fixed-footer="theme.footer.fixed"
|
|
>
|
|
<template #header>
|
|
<global-header v-bind="headerProps" />
|
|
</template>
|
|
<template #tab>
|
|
<global-tab />
|
|
</template>
|
|
<template #sider>
|
|
<global-sider />
|
|
</template>
|
|
<global-content @hide-main-overflow="setAddMainOverflowHidden" />
|
|
<template #footer>
|
|
<global-footer />
|
|
</template>
|
|
</admin-layout>
|
|
<global-back-top />
|
|
<setting-drawer />
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import AdminLayout from '@soybeanjs/vue-admin-layout';
|
|
import { useAppStore, useThemeStore } from '@/store';
|
|
import { useBasicLayout } from '@/composables';
|
|
import { useBoolean } from '@/hooks';
|
|
import {
|
|
SettingDrawer,
|
|
GlobalHeader,
|
|
GlobalTab,
|
|
GlobalSider,
|
|
GlobalContent,
|
|
GlobalFooter,
|
|
GlobalBackTop
|
|
} from '../common';
|
|
|
|
const app = useAppStore();
|
|
const theme = useThemeStore();
|
|
|
|
const { mode, headerProps, siderVisible, siderWidth, siderCollapsedWidth } = useBasicLayout();
|
|
|
|
const { bool: addMainOverflowHidden, setBool: setAddMainOverflowHidden } = useBoolean();
|
|
</script>
|
|
|
|
<style scoped></style>
|