菜单缩进效果测试 - 优化版
父菜单
菜单项
功能按钮

最终优化效果(更明显向下箭头 + 父菜单单图标)

📊 仪表盘(Level 0 - 12px) 菜单
系统管理(Level 0 - 12px) 父菜单
用户管理(Level 1 - 28px) 菜单
创建用户(Level 2 - 44px) 按钮
✏️ 编辑用户(Level 2 - 44px) 按钮
🗑️ 删除用户(Level 2 - 44px) 按钮
🔐 角色管理(Level 1 - 28px) 菜单
样本中心管理(Level 0 - 12px) 父菜单
🧠 知识库管理(Level 1 - 28px) 菜单
文档基本信息(Level 1 - 28px) 父菜单
📖 施工标准规范(Level 2 - 44px) 菜单
🏗️ 施工方案信息(Level 2 - 44px) 菜单
最终优化特点:
更明显展开图标:使用 ▶(收起)和 ▼(展开),图标更大更清晰(16x16px,字体加粗)
父菜单单图标:父菜单行只显示展开图标,完全去掉菜单图标
图标逻辑清晰:有子项显示展开图标,无子项显示菜单图标
悬停效果增强:展开图标悬停时有背景色和颜色变化
展开状态突出:展开状态的图标保持蓝色高亮
背景色区分:父菜单(淡蓝色)、菜单项(淡绿色)、功能按钮(淡橙色)
精确缩进:每级16px缩进,层级清晰
统一尺寸:菜单图标14x14px,展开图标16x16px