tansci/.claude/skills/fa-framework-settings/references/topbar-settings.md
xuewuerduo f468d532b1 feat: 初始化tansci资产管理项目
包含以下模块:
- 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>
2026-05-17 21:41:22 +08:00

1.1 KiB

顶栏设置 (topbar)

目录

标签栏 (tabbar)

  • 类型: boolean
  • 默认值: false
  • 说明: 控制是否在顶栏显示标签栏

工具栏 (toolbar)

  • 类型: boolean
  • 默认值: false
  • 说明: 控制是否在顶栏显示工具栏

顶栏模式 (mode)

  • 类型: 'static' | 'fixed' | 'sticky'
  • 默认值: 'static'
  • 说明: 设置顶栏的显示模式
    • 'static' - 静止,跟随页面滚动
    • 'fixed' - 固定,不跟随页面滚动,始终固定在顶部
    • 'sticky' - 粘性,页面往下滚动时隐藏,往上滚动时显示

完整示例

topbar: {
  tabbar: true,
  toolbar: true,
  mode: 'fixed',
}

常见配置

启用标签栏和工具栏:

topbar: {
  tabbar: true,
  toolbar: true,
}

固定顶栏:

topbar: {
  mode: 'fixed',
}

粘性顶栏(智能显示/隐藏):

topbar: {
  mode: 'sticky',
}