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>
62 lines
1.1 KiB
Markdown
62 lines
1.1 KiB
Markdown
# 顶栏设置 (topbar)
|
|
|
|
## 目录
|
|
- [标签栏 (tabbar)](#标签栏-tabbar)
|
|
- [工具栏 (toolbar)](#工具栏-toolbar)
|
|
- [顶栏模式 (mode)](#顶栏模式-mode)
|
|
|
|
## 标签栏 (tabbar)
|
|
|
|
- **类型**: `boolean`
|
|
- **默认值**: `false`
|
|
- **说明**: 控制是否在顶栏显示标签栏
|
|
|
|
## 工具栏 (toolbar)
|
|
|
|
- **类型**: `boolean`
|
|
- **默认值**: `false`
|
|
- **说明**: 控制是否在顶栏显示工具栏
|
|
|
|
## 顶栏模式 (mode)
|
|
|
|
- **类型**: `'static' | 'fixed' | 'sticky'`
|
|
- **默认值**: `'static'`
|
|
- **说明**: 设置顶栏的显示模式
|
|
- `'static'` - 静止,跟随页面滚动
|
|
- `'fixed'` - 固定,不跟随页面滚动,始终固定在顶部
|
|
- `'sticky'` - 粘性,页面往下滚动时隐藏,往上滚动时显示
|
|
|
|
## 完整示例
|
|
|
|
```typescript
|
|
topbar: {
|
|
tabbar: true,
|
|
toolbar: true,
|
|
mode: 'fixed',
|
|
}
|
|
```
|
|
|
|
## 常见配置
|
|
|
|
**启用标签栏和工具栏:**
|
|
```typescript
|
|
topbar: {
|
|
tabbar: true,
|
|
toolbar: true,
|
|
}
|
|
```
|
|
|
|
**固定顶栏:**
|
|
```typescript
|
|
topbar: {
|
|
mode: 'fixed',
|
|
}
|
|
```
|
|
|
|
**粘性顶栏(智能显示/隐藏):**
|
|
```typescript
|
|
topbar: {
|
|
mode: 'sticky',
|
|
}
|
|
```
|