49 lines
1.4 KiB
Vue
49 lines
1.4 KiB
Vue
<template>
|
|
<NConfigProvider :theme="darkNTheme">
|
|
<div class="go-project">
|
|
<n-layout has-sider position="absolute">
|
|
<n-space vertical>
|
|
<project-layout-sider></project-layout-sider>
|
|
</n-space>
|
|
<n-layout>
|
|
<!-- <layout-header-pro></layout-header-pro> -->
|
|
<n-layout
|
|
id="go-project-content-top"
|
|
class="content-top"
|
|
position="absolute"
|
|
:native-scrollbar="false"
|
|
>
|
|
<n-layout-content>
|
|
<layout-transition-main>
|
|
<router-view></router-view>
|
|
</layout-transition-main>
|
|
</n-layout-content>
|
|
</n-layout>
|
|
</n-layout>
|
|
</n-layout>
|
|
</div>
|
|
</NConfigProvider>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ProjectLayoutSider } from './layout/components/ProjectLayoutSider';
|
|
import { LayoutHeaderPro } from '@/layout/components/LayoutHeaderPro';
|
|
import { LayoutTransitionMain } from '@/layout/components/LayoutTransitionMain/index';
|
|
import { useDarkThemeHook, useThemeOverridesHook, useCode, useLang } from '@/hooks'
|
|
import { NConfigProvider } from 'naive-ui'
|
|
// 暗黑主题
|
|
const darkNTheme = useDarkThemeHook()
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@include go(project) {
|
|
.content-top {
|
|
top: $--header-height;
|
|
margin-top: 1px;
|
|
}
|
|
}
|
|
.go-project .content-top {
|
|
top: 0px;
|
|
}
|
|
</style>
|