43 lines
1.6 KiB
Markdown
43 lines
1.6 KiB
Markdown
# MEMORY.md
|
||
|
||
## 2026-03-15 - CSS 模板字符串语法错误
|
||
|
||
### 遇到什么问题
|
||
|
||
- 在使用 `edit` 工具修改 `DomainForm.tsx` 中的 CSS 样式时，只替换了部分内容，导致 CSS 模板字符串语法错误
|
||
- 错误信息：`Unexpected token, expected ","` 在 `passwordHint` 定义处
|
||
- 原因：`.ant-form-item` 的 CSS 块没有正确关闭，缺少 `}` 和模板字符串结束符 `` ` ``
|
||
|
||
### 如何解决的
|
||
|
||
- 使用 `edit` 工具完整替换整个 `useStyles` 定义块，确保所有 CSS 模板字符串正确关闭
|
||
|
||
### 以后如何避免
|
||
|
||
- 修改 CSS-in-JS 样式时，尽量替换完整的样式块而非单行
|
||
- 修改后立即运行 `npx tsc --noEmit` 验证语法
|
||
- 注意模板字符串的开始 `` ` `` 和结束 `` ` `` 必须成对出现
|
||
|
||
---
|
||
|
||
## 2026-03-15 - UI 重构经验
|
||
|
||
### 变更内容
|
||
|
||
1. **DomainForm 表单间距**：`marginMD` → `marginSM`
|
||
2. **AppDetail 头部布局**：标题和按钮同一行（flex 布局）
|
||
3. **AppDetail Tabs 重构**：
|
||
- 移除 Tabs 组件
|
||
- 移除 "基本信息" tab
|
||
- 合并 4 个 JS/CSS tab 为单页面（选项 A：单列滚动列表 + 分区标题）
|
||
- 新增 `viewMode` 状态管理列表/代码视图切换
|
||
- 点击文件进入代码视图，带返回按钮
|
||
|
||
### 文件修改
|
||
|
||
- `src/renderer/src/components/DomainManager/DomainForm.tsx`
|
||
- `src/renderer/src/components/AppDetail/AppDetail.tsx`
|
||
- `src/renderer/src/locales/zh-CN/app.json` - 添加 `backToList`
|
||
- `src/renderer/src/locales/en-US/app.json` - 添加 `backToList`
|
||
- `src/renderer/src/locales/ja-JP/app.json` - 添加 `backToList`
|