mirror of
https://github.com/zclzone/vue-naive-admin.git
synced 2025-05-01 06:39:01 +08:00
38 lines
1.0 KiB
Vue
38 lines
1.0 KiB
Vue
<template>
|
|
<n-layout has-sider wh-full>
|
|
<n-layout-sider
|
|
bordered
|
|
collapse-mode="width"
|
|
:collapsed-width="64"
|
|
:width="220"
|
|
:native-scrollbar="false"
|
|
:collapsed="appStore.collapsed"
|
|
>
|
|
<SideBar />
|
|
</n-layout-sider>
|
|
|
|
<article flex-1 flex-col overflow-hidden>
|
|
<header bg-white px-15 border-b bc-eee flex items-center :style="`height: ${header.height}px`">
|
|
<AppHeader />
|
|
</header>
|
|
<section v-if="tags.visible" border-b bc-eee>
|
|
<AppTags :style="{ height: `${tags.height}px` }" />
|
|
</section>
|
|
<section flex-1 overflow-hidden>
|
|
<AppMain />
|
|
</section>
|
|
</article>
|
|
</n-layout>
|
|
</template>
|
|
|
|
<script setup>
|
|
import AppHeader from './components/header/index.vue'
|
|
import SideBar from './components/sidebar/index.vue'
|
|
import AppMain from './components/AppMain.vue'
|
|
import AppTags from './components/tags/index.vue'
|
|
import { useAppStore } from '@/store/modules/app'
|
|
import { header, tags } from '~/settings'
|
|
|
|
const appStore = useAppStore()
|
|
</script>
|