style-audit.md 1.5 KB

风格差异审计方法

审计输入

  • 基准模块路径
  • 目标模块路径
  • 菜单和路由配置
  • 公共组件目录
  • 公共样式目录

审计维度

区域 检查点
页面外层 容器、背景、边距、标题、面包屑
筛选区 字段数量、排列、查询、重置、更多筛选
操作区 新增、导出、批量操作、按钮层级
表格区 行高、表头、选择列、操作列、空状态
分页区 位置、默认页大小、页大小选项
状态展示 文案、颜色、标签类型、枚举映射
表单 分组、校验、按钮、回显
详情 返回、操作按钮、信息分组、Tab
弹窗/抽屉 宽度、标题、按钮顺序、关闭行为
反馈 成功提示、失败提示、确认文案

差异记录格式

模块:活动管理
基准:权益管理

1. 筛选区
   - 基准:常用筛选 4 项,查询/重置在右侧,更多筛选用抽屉。
   - 目标:筛选项分两行展示,没有更多筛选。
   - 处理:改为基准结构,保留活动名称、活动状态等业务字段。

2. 操作列
   - 基准:查看、编辑、停用通过文字按钮展示,危险操作二次确认。
   - 目标:按钮样式不一致,删除无确认。
   - 处理:统一操作列,补确认框。

判断标准

  • 字段不同通常是业务差异。
  • 按钮位置、交互流程、状态颜色、布局密度不同通常是风格/交互差异。
  • 如果不确定,优先保留业务含义,对齐呈现方式。