docs: record ruoyi sidebar visual design
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
# WonderQ RuoYi 风格侧栏视觉设计
|
||||
|
||||
## 已确认方案
|
||||
|
||||
采用方案 A:以 RuoYi-Vue3 深色侧栏为视觉基准,保留 WonderQ 品牌和现有业务菜单。
|
||||
|
||||
## 范围
|
||||
|
||||
- 侧栏宽度保持 200px,折叠宽度保持现有 54px。
|
||||
- 菜单项改为全宽铺开,不使用左右内缩和圆角激活块。
|
||||
- 一级菜单、系统管理目录和子菜单统一 44px 行高、RuoYi 风格缩进与深色背景。
|
||||
- 当前菜单使用深蓝激活背景和 Element 蓝色文字/图标,悬停使用低对比度深色背景。
|
||||
- 保留 WonderQ Logo、中文菜单、权限已加载状态、亮色主题设置和移动端抽屉。
|
||||
|
||||
## 非目标
|
||||
|
||||
- 不修改 AdminMenu 数据、父子关系、权限码、路由注册或接口。
|
||||
- 不新增 RuoYi 非 WonderQ 菜单。
|
||||
- 不改动 Navbar、TagsView、业务页面和后端。
|
||||
|
||||
## 验收
|
||||
|
||||
- 1440px 桌面宽度检查深色侧栏、父子缩进、激活态和底部状态。
|
||||
- 折叠侧栏、移动端抽屉和亮色主题保持可用。
|
||||
- Vue 测试与生产构建通过,浏览器控制台无新增错误。
|
||||
Reference in New Issue
Block a user