39 行
1.2 KiB
Markdown
39 行
1.2 KiB
Markdown
# Visual QA Reference
|
|
|
|
Primary fact source: `docs/产品设计规则.md`.
|
|
|
|
## Brand Baseline
|
|
|
|
Use `www.hyinda.com` as the visual reference:
|
|
|
|
- Brand blue around `rgb(0,57,138)`.
|
|
- White, light gray-blue, slate text.
|
|
- Clean cards, restrained radius, no black-heavy mobile navigation.
|
|
- OA pages should feel like a workbench, not a marketing page.
|
|
|
|
## PC Checks
|
|
|
|
- Header has title, core filters, primary action only.
|
|
- Tables do not expose UUID as the main business number.
|
|
- Actions are consistent: view/edit/delete/withdraw use coherent variants.
|
|
- Destructive actions need confirmation.
|
|
|
|
## Mobile/WeCom Checks
|
|
|
|
- No desktop sidebar/topbar.
|
|
- No visible desktop table as primary layout.
|
|
- Bottom nav is compact and selected state is solid, not thin outline.
|
|
- Dialogs do not auto-focus search inputs unless it is clearly a search task.
|
|
- Text does not overflow buttons/cards.
|
|
- Common flows fit the viewport without incoherent blank/packed regions.
|
|
|
|
## Playwright Metrics
|
|
|
|
Collect or assert when relevant:
|
|
|
|
- `scrollWidth <= viewportWidth + 2`.
|
|
- visible table count is 0 on mobile workflow pages.
|
|
- bottom nav height is reasonable.
|
|
- active nav background is visible and not black/empty outline.
|
|
- body text excludes banned internal terms.
|