bd4rr/vue-naive-admin
1
0
Fork 0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2025-12-28 12:10:20 +08:00
Code Activity

first commit

Browse Source
This commit is contained in:
zhangchuanlong
2022-01-08 17:20:46 +08:00
commit 8d0158be7c
80 changed files with 5240 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/layout/index.vue Normal file
View File

@@ -0,0 +1,30 @@
<script setup>
import { NLayout, NLayoutHeader, NLayoutSider } from 'naive-ui'
import AppHeader from './components/header/index.vue'
import SideMenu from './components/sidebar/index.vue'
import AppMain from './components/AppMain.vue'
</script>
<template>
<div class="layout">
<n-layout has-sider position="absolute">
<n-layout-sider :width="200" :collapsed-width="0" :native-scrollbar="false">
<side-menu />
</n-layout-sider>
<n-layout>
<n-layout-header style="height: 100px; background-color: #f5f6fb">
<app-header />
</n-layout-header>
<n-layout
position="absolute"
content-style="padding: 0 35px 35px"
style="top: 100px; background-color: #f5f6fb"
:native-scrollbar="false"
>
<app-main />
</n-layout>
</n-layout>
</n-layout>
</div>
</template>