jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): blankLayout引入GlobalContent

Browse Source
This commit is contained in:
Soybean
2021-11-24 23:44:39 +08:00
parent 32aa5ee75a
commit 1ffb75afce
63 changed files with 64 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/layouts/BlankLayout/index.vue
View File

@ -1,31 +1,14 @@
<template>
<n-scrollbar ref="scrollbar" class="h-full" :content-class="routeProps.fullPage ? 'h-full' : ''">
<div class="inline-block wh-full bg-[#f6f9f8] dark:bg-dark">
<router-view v-slot="{ Component, route: itemRoute }">
<transition :name="theme.pageAnimateType" mode="out-in" appear>
<keep-alive :include="cacheRoutes">
<component
:is="Component"
v-if="app.reloadFlag"
:key="itemRoute.fullPath"
:class="{ 'min-h-100vh': !routeProps.fullPage }"
/>
</keep-alive>
</transition>
</router-view>
</div>
<n-scrollbar ref="scrollbar" class="h-full" :content-style="scrollbarContentStyle">
<global-content :show-padding="false" />
</n-scrollbar>
</template>
<script lang="ts" setup>
import { NScrollbar } from 'naive-ui';
import { useThemeStore, useAppStore } from '@/store';
import { cacheRoutes } from '@/router';
import { useRouteProps } from '@/composables';
import { useLayoutConfig } from '@/composables';
import { GlobalContent } from '../common';
const theme = useThemeStore();
const app = useAppStore();
const routeProps = useRouteProps();
const { scrollbarContentStyle } = useLayoutConfig();
</script>
<style scoped></style>