xuewuerduo
f468d532b1
包含以下模块： - antdv-next-admin: Vue 3 + TypeScript + Ant Design Vue 管理后台 - 设备/许可证/配件/耗材 CRUD 管理页面 - 基础数据管理 (分类/位置/制造商/型号/供应商) - 业务管理 (故障报修/盘点/资产分配/资产申请/交易记录) - 下拉选项改造 (ID输入框 → 搜索下拉选择) - 资产状态字典化 (接入sys_dict系统) - 界面文案优化 (设备→资产, 在库/在用/维修中/已报废) - 修复 console 警告 (popupClassName, 重复组件注册) - our-itam: Java Spring Boot + magic-api 后端服务 - fantastic-admin: 前端底层框架 (pnpm monorepo) - ciyo-itasset: CIYO 资产模块 - magic-script-skill: Claude Code skill 定义 - .claude: 对话历史记录 Co-Authored-By: Claude Code <noreply@anthropic.com>
88 lines
1.9 KiB
Markdown
88 lines
1.9 KiB
Markdown
# 导航菜单设置 (menu)
|
|
|
|
## 目录
|
|
- [导航菜单模式 (mode)](#导航菜单模式-mode)
|
|
- [主导航点击模式 (mainMenuClickMode)](#主导航点击模式-mainmenuclickmode)
|
|
- [次导航展开行为](#次导航展开行为)
|
|
- [快捷键 (hotkeys)](#快捷键-hotkeys)
|
|
|
|
## 导航菜单模式 (mode)
|
|
|
|
- **类型**: `'side' | 'head' | 'single'`
|
|
- **默认值**: `'side'`
|
|
- **说明**: 设置导航菜单的显示模式
|
|
- `'side'` - 侧边栏模式(有主导航菜单)
|
|
- `'head'` - 顶部模式
|
|
- `'single'` - 侧边栏模式(无主导航菜单)
|
|
|
|
## 主导航菜单点击模式 (mainMenuClickMode)
|
|
|
|
- **类型**: `'switch' | 'jump' | 'smart'`
|
|
- **默认值**: `'switch'`
|
|
- **说明**: 设置主导航菜单项的点击行为
|
|
- `'switch'` - 切换
|
|
- `'jump'` - 跳转
|
|
- `'smart'` - 智能选择,判断次导航是否只有且只有一个可访问的菜单进行切换或跳转操作
|
|
|
|
## 次导航菜单展开行为
|
|
|
|
### subMenuUniqueExpand
|
|
|
|
- **类型**: `boolean`
|
|
- **默认值**: `true`
|
|
- **说明**: 次导航菜单是否只保持一个子项的展开
|
|
|
|
### subMenuCollapse
|
|
|
|
- **类型**: `boolean`
|
|
- **默认值**: `false`
|
|
- **说明**: 次导航菜单是否收起
|
|
|
|
### subMenuCollapseButton
|
|
|
|
- **类型**: `boolean`
|
|
- **默认值**: `false`
|
|
- **说明**: 是否开启次导航菜单的展开/收起按钮
|
|
|
|
## 快捷键 (hotkeys)
|
|
|
|
- **类型**: `boolean`
|
|
- **默认值**: `false`
|
|
- **说明**: 控制是否启用导航菜单相关的快捷键功能
|
|
|
|
## 完整示例
|
|
|
|
```typescript
|
|
menu: {
|
|
mode: 'side',
|
|
mainMenuClickMode: 'switch',
|
|
subMenuUniqueExpand: true,
|
|
subMenuCollapse: false,
|
|
subMenuCollapseButton: true,
|
|
hotkeys: true,
|
|
}
|
|
```
|
|
|
|
## 常见配置
|
|
|
|
**顶部导航菜单模式:**
|
|
```typescript
|
|
menu: {
|
|
mode: 'head',
|
|
}
|
|
```
|
|
|
|
**智能主导航菜单点击:**
|
|
```typescript
|
|
menu: {
|
|
mainMenuClickMode: 'smart',
|
|
}
|
|
```
|
|
|
|
**启用次导航菜单收起按钮:**
|
|
```typescript
|
|
menu: {
|
|
subMenuCollapseButton: true,
|
|
}
|
|
```
|