2 Commits

Author SHA1 Message Date
monkeycode-ai 7029590cb3 feat: 完成 Web 界面暗黑模式
P1 任务 - Web 界面优化:
 暗黑模式主题支持
  - App.vue: 全局暗黑模式 CSS 变量
  - ThemeToggle.vue: 主题切换组件
  - 支持明亮/暗黑模式切换
  - LocalStorage 持久化主题偏好

⏸️ 差异对比功能:延后
  - Monaco Diff Editor 需要特殊配置
  - 需要 monaco-editor 插件支持
  - 建议作为独立任务实施

⏸️ 代码格式化:延后
  - 需要安装外部格式化工具
  - dotnet-format, google-java-format, clang-format

新增文件:
- CodePlay.Web/src/components/ThemeToggle.vue
- CodePlay.Web/src/services/api.ts

更新文件:
- CodePlay.Web/src/App.vue (暗黑模式支持)
- CodePlay.Web/src/views/ConverterView.vue (主题切换按钮)
- CodePlay.Web/vite.config.ts (Monaco 配置)
- CodePlay.Web/package.json (monaco-editor 依赖)

使用方法:
1. 点击右上角圆形按钮切换明亮/暗黑模式
2. 主题偏好自动保存到 localStorage
3. 刷新页面后主题保持不变
Co-authored-by: monkeycode-ai <monkeycode-ai@chaitin.com>
2026-06-04 01:32:01 +00:00
monkeycode-ai 78caed7b21 feat: 实现双前端架构 - Blazor+Known 和 Vue3
Task 4.3 更新 - 双前端项目:

1. Blazor + Known 3.5.7 (管理端):
   - 添加 Known 3.5.7 NuGet 包
   - 更新 Program.cs 配置 Known 服务
   - 保留 Blazor Server 架构

2. Vue3 + Element Plus (用户端):
   - 创建 CodePlay.Web Vue3 项目
   - 基于 vue-next-admin 风格设计
   - 技术栈:Vue 3.4 + TypeScript + Vite 5
   - 集成 Element Plus UI 组件库
   - 使用 Pinia 状态管理
   - 配置 Vue Router 路由
   - 实现 Converter 代码转换页面
   - 配置反向代理到后端 API (端口 5000)

项目结构:
- CodePlay.WebUI/ - Blazor + Known 管理端
- CodePlay.Web/ - Vue3 + Element Plus 用户端
- CodePlay.Web/ - 包含完整的 Vue3 项目结构
  - src/views/Converter.vue - 主转换页面
  - src/router/ - 路由配置
  - src/App.vue - 根组件
  - 支持 npm run dev 启动开发服务器

前端特性:
- 响应式布局 (El-Row/El-Col)
- 代码编辑器 (双栏对比)
- 语言选择器
- 验证轮次配置
- TODO 和问题列表展示
- 一键复制结果
- 实时错误提示
Co-authored-by: monkeycode-ai <monkeycode-ai@chaitin.com>
2026-06-03 08:39:48 +00:00