feat: 优化
This commit is contained in:
@@ -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 变量
|
||||
- [ ] 业务功能测试通过
|
||||
- [ ] **现代化审查通过**
|
||||
- [ ] **一致性审查通过**
|
||||
- [ ] **业务功能验证通过**
|
||||
|
||||
Reference in New Issue
Block a user