一个高效、简洁的Tauri模板,并集成了主题系统和全局标题管理。
它由 Tauri2 + ice + Ant Design + React搭建而成。
为了方便引入本地模块和资源文件,我们将 @/ 重定向到了项目目录 src 目录下。
现在你只需使用 @/ 既可快速定位本地资源。
本模板内置了主题生成器 @/mod/ThemeConfig,具体使用方法参考 layout.tsx 文件。
我们内置了标题全局同步系统,模块文件为 @/mod/TitleChange
- 通过设置
document.title属性即可修改全局标题。 - 让窗口标题能够与页面标题同步更新。
- 当前页面标题由
src/mod/Layout/Logo.tsx负责生成。
我们内置了全局主题同步系统,模块文件为 @/mod/ThemeConfig
- 通过
ThemeConfig导出的setTheme函数可以设置三种主题模式:light- 亮色模式dark- 暗色模式auto- 跟随系统主题
useTheme可用于获取当前主题配置。- 主题配置可通过直接修改
ThemeConfig文件进行自定义。 useTheme使用案例参考src/pages/layout.tsx文件。
breadcrumb.tsx- 面包屑、页面标题组件Logo.tsx- Logo 渲染模块TitleBar.tsx- 标题栏组件
index.tsx- 菜单渲染routes.tsx- 菜单数据
svg- svg 相关处理ThemeConfig.ts- 主题生成模块TitleChange.ts- 全局标题同步系统
- 需要快速搭建Tauri项目的开发者
- 需要统一管理全局主题和标题的应用
pnpm install
pnpm dev