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

refactor: 重构主题色配置,多标签配置化处理

This commit is contained in:
张传龙
2022-04-10 23:20:28 +08:00
parent 0d240f083a
commit b3aa8147b1
11 changed files with 44 additions and 40 deletions

View File

@@ -1,16 +1,21 @@
<template>
<div class="layout">
<n-layout has-sider position="absolute">
<n-layout-sider :width="200" :collapsed-width="0" :native-scrollbar="false">
<n-layout-sider bordered :width="200" :collapsed-width="0" :native-scrollbar="false">
<SideBar />
</n-layout-sider>
<n-layout>
<n-layout-header>
<n-layout-header :style="{ height: useTheme.header.height + 'px' }" style="border-left: none">
<AppHeader />
</n-layout-header>
<n-layout position="absolute" style="top: 60px; background-color: #f5f6fb" :native-scrollbar="false">
<AppTags v-if="useTheme.tag.visible" />
<n-layout
position="absolute"
style="background-color: #f5f6fb"
:style="{ top: useTheme.header.height + 'px' }"
:native-scrollbar="false"
>
<AppTags v-if="useTheme.tags.visible" />
<AppMain />
</n-layout>
</n-layout>