go-view/src/views/project/index.vue
2022-03-14 19:52:01 +08:00

40 lines
1.0 KiB
Vue

<template>
<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>
</template>
<script setup lang="ts">
import { ProjectLayoutSider } from './layout/components/ProjectLayoutSider'
import { LayoutHeaderPro } from '@/layout/components/LayoutHeaderPro'
import { LayoutTransitionMain } from '@/layout/components/LayoutTransitionMain/index'
</script>
<style lang="scss" scoped>
@include go(project) {
.content-top {
top: $--header-height;
margin-top: 1px;
}
}
</style>