88 lines
1.3 KiB
Vue
88 lines
1.3 KiB
Vue
<template>
|
|
<MainView />
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { onMounted } from 'vue'
|
|
import { useLoadingBar } from 'naive-ui'
|
|
import { MainView } from '@/layout/components/Main/index'
|
|
|
|
onMounted(() => {
|
|
// 挂载在 window 方便与在js中使用
|
|
window['$loading'] = useLoadingBar()
|
|
window['$loading'].finish()
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.layout {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex: auto;
|
|
|
|
&-default-background {
|
|
background: #f5f7f9;
|
|
}
|
|
|
|
.layout-sider {
|
|
min-height: 100vh;
|
|
box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
|
|
position: relative;
|
|
z-index: 13;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
|
|
.layout-sider-fix {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.ant-layout {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layout-right-fix {
|
|
overflow-x: hidden;
|
|
padding-left: 200px;
|
|
min-height: 100vh;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
|
|
.layout-content {
|
|
flex: auto;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.n-layout-header.n-layout-header--absolute-positioned {
|
|
z-index: 11;
|
|
}
|
|
|
|
.n-layout-footer {
|
|
background: none;
|
|
}
|
|
}
|
|
|
|
.layout-content-main {
|
|
margin: 0 10px 10px;
|
|
position: relative;
|
|
padding-top: 64px;
|
|
}
|
|
|
|
.layout-content-main-fix {
|
|
padding-top: 64px;
|
|
}
|
|
|
|
.fluid-header {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.main-view-fix {
|
|
padding-top: 44px;
|
|
}
|
|
|
|
.noMultiTabs {
|
|
padding-top: 0;
|
|
}
|
|
</style>
|