index.vue
1.03 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<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>