2023-12-05 13:23:01 +08:00
|
|
|
<template>
|
|
|
|
|
<n-layout position="absolute">
|
|
|
|
|
<n-layout-header style="height: 60px"><ToolBar /></n-layout-header>
|
|
|
|
|
<n-layout has-sider sider-placement="left" style="height: calc(99vh - 60px); overflow: hidden">
|
|
|
|
|
<RouterView />
|
|
|
|
|
<n-layout-footer position="absolute"
|
|
|
|
|
><div class="copyleft">
|
2023-12-12 11:16:38 +08:00
|
|
|
<div>DataView · Made by AnsGoo</div>
|
2023-12-05 13:23:01 +08:00
|
|
|
</div></n-layout-footer
|
|
|
|
|
>
|
|
|
|
|
</n-layout>
|
|
|
|
|
</n-layout>
|
|
|
|
|
</template>
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import '@/css/markdown.css'
|
|
|
|
|
|
|
|
|
|
import { NLayout, NLayoutFooter, NLayoutHeader } from 'naive-ui'
|
|
|
|
|
|
|
|
|
|
import ToolBar from './modules/ToolBar'
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped lang="less">
|
|
|
|
|
:deep(.n-layout .n-layout-scroll-container) {
|
|
|
|
|
overflow-x: initial;
|
|
|
|
|
}
|
|
|
|
|
.copyleft {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
