aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/src/layouts
AgeCommit message (Collapse)AuthorFilesLines
2026-09-06支持环境变量配置路由模式和资源路径并更新菜单图标HEADmainshu1-4/+6
新增默认环境配置,通过 VITE_ROUTER_MODE 切换 Hash 与 History 路由,默认使用 Hash;通过 VITE_BASE_URL 配置资源基础路径,默认使用 /。 补充本地环境覆盖、构建方式及部署注意事项文档,保持 .env.local 不纳入版本控制。 桌面侧栏按钮改用 SidebarSimpleIcon,展开时填充、折叠时描边,保留无障碍状态描述。 验证:pnpm lint、pnpm build 和 git diff --check 通过。构建仍有现存的主包超过 500 kB 提示。
2026-09-06新增全局设置抽屉与亮暗主题切换shu3-0/+91
- 在基础布局顶栏右侧添加网站设置按钮,桌面使用右侧抽屉,移动端使用全宽抽屉 - 提供亮色、暗色、跟随系统三种外观模式,默认跟随系统并通过 Mantine 自动保存选择 - 设置即时生效,切换系统主题时同步更新页面外观 - 使用查询参数管理抽屉状态,支持浏览器返回关闭和直接访问设置链接 - 使用 CSS Modules 配置触控间距及移动端安全区域 验证:构建、lint 和空白检查通过。 浏览器验证通过:主题切换、本地保存、刷新恢复、跟随系统、返回关闭、移动端宽度、Escape 关闭、焦点恢复与直接设置链接关闭。
2026-09-06初始化 React TypeScript 模板并实现 Mantine 响应式基础布局shu2-0/+281
- 使用 Vite、React 和 TypeScript 初始化项目,配置 pnpm、Oxlint 与 Mantine PostCSS - 接入 React Router Data Mode,将页面路由、菜单标题和图标统一维护在路由配置中 - 添加首页、关于概览与关于我页面,使用 Nested NavLinks 根据路由生成多级菜单 - 实现桌面侧栏展开和图标模式、移动端全宽抽屉以及与品牌区对齐的顶栏 - 将布局自定义样式拆分为 CSS Modules,统一 xs 间距并固定菜单图标列位置 - 添加文档流页脚,展示自动更新年份的示例版权说明 - 配置 Mantine 默认圆角、项目说明及中文提交约定 验证:pnpm build、pnpm lint、git diff --cached --check 均通过。