# UI/UX 一致性检查

## 2026-03-24

### Naive UI 使用规范
- 所有后台页面使用 Naive UI，前台页面不使用
- admin layout 用 `<client-only>` 包裹 NConfigProvider（避免 SSR 报错）
- login 页面自带 NConfigProvider（layout: false，不走 admin layout）
- 主题色：primaryColor #3a7d44，hover #2d6235，pressed #245c2b

### 后台页面结构规范
- 列表页：n-space(标题+按钮) → n-card → n-data-table + n-pagination
- 编辑页：n-breadcrumb → n-space(标题+按钮) → n-card/n-form → .save-bar(sticky)
- content 页：n-space(标题+按钮) → n-spin → n-card(分区) → n-form

### 不允许的做法
- 不使用手写 CSS class（.btn-primary, .badge, .toast 等）
- 不使用 confirm()，用 NPopconfirm 或 useDialog()
- 不使用手写 toast div，用 useMessage()
- 不使用全局 emoji（用户明确要求）
- 编辑器不使用 JSON 文本框兜底（必须结构化表单覆盖所有字段）