From 11e2c7e05c7ea47ff51e7e31878b92c6b30e8584 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Wed, 26 Aug 2026 13:30:42 +0800
Subject: [PATCH] docs: record ruoyi sidebar visual design

---
 .../2026-08-26-ruoyi-sidebar-visual-design.md | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 docs/superpowers/specs/2026-08-26-ruoyi-sidebar-visual-design.md

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