feat: 优化

This commit is contained in:
2026-03-16 01:13:32 +08:00
parent cd1382533c
commit 8fdce94c47
14 changed files with 1366 additions and 1088 deletions

View File

@@ -208,6 +208,53 @@ background: var(--primary) /* 主色 */
border-color: var(--border) /* 边框 */
```
## 迁移后检查
### Step 5: 现代化与一致性审查
迁移完成后,必须进行设计审查:
**现代化检查**
- [ ] Tabs 是否使用胶囊式设计(非底部粗线)?
- [ ] 表单间距是否宽松space-y-6
- [ ] 卡片阴影是否克制shadow-sm
- [ ] 边框是否避免重叠?
- [ ] 颜色是否有活力(非灰暗)?
- [ ] 按钮是否有圆角rounded-lg
- [ ] 表格是否简洁无斑马纹?
- [ ] 整体是否有呼吸感?
**一致性检查**
- [ ] 相似页面布局是否一致?
- [ ] 同类组件样式是否统一?
- [ ] 间距规范是否遵循4px 递进)?
- [ ] 颜色使用是否语义化?
- [ ] 字体大小是否有层级?
### Step 6: 业务功能验证
确保迁移没有破坏现有功能:
**交互检查**
- [ ] 表单提交是否正常?
- [ ] 按钮点击事件是否触发?
- [ ] 弹窗/对话框是否正常打开关闭?
- [ ] 下拉选择是否正常工作?
- [ ] 分页是否正常?
- [ ] 搜索筛选是否正常?
**数据检查**
- [ ] 数据绑定是否正常v-model
- [ ] 列表渲染是否正常?
- [ ] 条件渲染是否正常?
- [ ] 数据加载状态是否显示?
**边界情况**
- [ ] 空状态是否显示正常?
- [ ] 错误状态是否处理?
- [ ] 加载状态是否显示?
- [ ] 禁用状态是否正常?
## 检查清单
迁移完成后验证:
@@ -216,4 +263,6 @@ border-color: var(--border) /* 边框 */
- [ ] 图标已迁移到 Iconify
- [ ] message/notification 已迁移到 Sonner
- [ ] 样式使用 Tailwind 类或 CSS 变量
- [ ] 业务功能测试通过
- [ ] **现代化审查通过**
- [ ] **一致性审查通过**
- [ ] **业务功能验证通过**