ikmkj/biji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(biji-qianduan): 优化侧边栏宽度和响应式布局

Browse Source
This commit is contained in:
黄孟
2025-08-08 17:28:55 +08:00
parent 2220b1f78a
commit ae565e641c
1 changed files with 1 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
biji-qianduan/src/components/HomePage.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<el-container class="home-page" :class="{'is-mobile': isMobile}"> <el-container class="home-page" :class="{'is-mobile': isMobile}">
<!-- 左侧菜单区域 --> <!-- 左侧菜单区域 -->
<el-aside class="sidebar" :class="{'is-collapsed': isCollapsed}"> <el-aside class="sidebar" :width="isMobile ? '0' : (isCollapsed ? '64px' : '250px')">
<div class="sidebar-header"> <div class="sidebar-header">
<span v-if="!isCollapsed" style="margin-right: 15px; font-weight: bold;">笔记分类</span> <span v-if="!isCollapsed" style="margin-right: 15px; font-weight: bold;">笔记分类</span>
<el-button v-if="!isCollapsed" type="primary" size="small" @click="showCreateGroupDialog = true" circle> <el-button v-if="!isCollapsed" type="primary" size="small" @click="showCreateGroupDialog = true" circle>
@@ -1331,9 +1331,6 @@ const resetUpdatePasswordForm = () => {
overflow-x: hidden; overflow-x: hidden;
} }
.el-menu-vertical-demo:not(.el-menu--collapse) {
width: 250px;
}
:deep(.el-menu-item), :deep(.el-sub-menu__title) { :deep(.el-menu-item), :deep(.el-sub-menu__title) {
height: 48px; height: 48px;