zdl
3d45b1e1f2
feat: 创建 layoutConfig - 集中管理布局配置常量
## 功能
创建 src/layouts/config/layoutConfig.js,集中管理所有布局相关配置
## 配置内容
### 1. Z_INDEX 层级管理
- BACK_TO_TOP: 1000
- NAVBAR: 1100
- MODAL: 1200
- TOAST: 1300
- TOOLTIP: 1400
统一管理 z-index,避免层级冲突
### 2. ANIMATION_CONFIG 动画配置
提供 5 种动画预设:
- default: 标准淡入淡出 + 轻微位移
- fast: 快速动画(0.1s)
- slow: 慢速动画(0.4s)
- none: 无动画
- slideRight: 从右侧滑入
### 3. BACK_TO_TOP_CONFIG 返回顶部配置
- scrollThreshold: 300px
- position: 响应式位置配置
- style: 按钮样式
- hover: 悬停效果
- zIndex: 层级
- transition: 过渡时间
### 4. PAGE_LOADER_CONFIG 加载器配置
- defaultMessage: 默认加载消息
- minDisplayTime: 最小显示时间(避免闪烁)
### 5. LAYOUT_SIZE 布局尺寸
- navbarHeight: 导航栏高度
- footerHeight: 页脚高度
- contentMinHeight: 内容最小高度
### 6. BREAKPOINTS 响应式断点
与 Chakra UI 断点保持一致
## 优势
- ✅ 配置集中管理,易于维护
- ✅ 避免魔法数字分散在代码中
- ✅ 支持主题切换和自定义
- ✅ 提供多种预设,开箱即用
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>