admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 新增顶部布局模式

Browse Source
This commit is contained in:
pany 2023-07-19 18:14:42 +08:00
parent 4571a12742
commit 6f381ffd54
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/components/NavigationBar/index.vue
View File

@ -95,6 +95,8 @@ const logout = () => {
} }
.sidebar { .sidebar {
flex: 1; flex: 1;
// 设置 min-width 是为了让 Sidebar 里的 el-menu 宽度自适应
min-width: 0px;
:deep(.el-menu) { :deep(.el-menu) {
background-color: transparent; background-color: transparent;
} }

2
src/layouts/components/Settings/SelectLayoutMode.vue
View File

@ -23,7 +23,7 @@ const isLeftTop = computed(() => layoutMode.value === "left-top")
</el-container> </el-container>
</el-container> </el-container>
</el-tooltip> </el-tooltip>
<el-tooltip content="顶部模式（开发中）"> <el-tooltip content="顶部模式">
<el-container class="layout-mode top" :class="{ active: isTop }" @click="layoutMode = 'top'"> <el-container class="layout-mode top" :class="{ active: isTop }" @click="layoutMode = 'top'">
<el-header /> <el-header />
<el-main /> <el-main />