68 lines
2.6 KiB
Markdown
68 lines
2.6 KiB
Markdown
# T07 搜索框与成员卡返工设计
|
||
|
||
## 目标
|
||
|
||
将 T07“成员目录”正常列表态修正为可作为 T 模块基准的页面，消除搜索框和成员卡框外白底，修正成员卡的视觉语义与信息密度。
|
||
|
||
## 范围
|
||
|
||
仅修改 T07：
|
||
|
||
- 搜索框视觉与文字可读性。
|
||
- 成员卡底框、布局、层级和间距。
|
||
- 与上述视觉结构直接相关的 T07 合同测试与运行时验证。
|
||
|
||
保持不变：
|
||
|
||
- 页头、当前家谱上下文、整页背景。
|
||
- 搜索、空态、加载态、失败态及成员跳转行为。
|
||
- 其他任何页面与公共组件。
|
||
|
||
## 视觉方案
|
||
|
||
### 搜索框
|
||
|
||
- 停止使用带不透明框外白色像素的 `g06-search-input-wide.png`。
|
||
- 改用 T07 独立的透明专用搜索框 `t07-search-input-frame.png`，避免与成员卡共用同一外形。
|
||
- 搜索框保留浅宣纸输入面，金色外框之外为透明，不额外叠加白色容器。
|
||
- 保留单行搜索结构和右侧“查找”操作；增强占位文字字号与对比度。
|
||
- 搜索框触控高度不低于 44 CSS px。
|
||
|
||
### 成员卡
|
||
|
||
- 停止使用 `application-status-card.png`，去除申请卡式红色竖线、右上短横和框外白底。
|
||
- 使用透明 `list-slip-frame.png` 作为成员卡边框。
|
||
- 不使用左侧世代印章；世代已经在第二行成员信息中呈现，避免重复信息和高饱和装饰抢夺姓名焦点。
|
||
- 单卡由约 133 CSS px 压缩到约 96–108 CSS px；内容在卡内垂直居中。
|
||
- 信息层级：姓名为一级；“第 N 世 · 字辈 · 支系”为二级；身份或资料情况为三级小标签。
|
||
- 三张卡保持完全一致的宽度、高度与内边距。
|
||
|
||
## 响应式约束
|
||
|
||
- 320×568、360×640、360×800、412×915 均不得产生横向溢出。
|
||
- 320 宽度下允许缩小字号与横向间距，但不能截断姓名或主要世系信息。
|
||
- 页面保持纵向独立滚动。
|
||
|
||
## 验收条件
|
||
|
||
- 搜索框边框外没有白带或白色矩形底。
|
||
- 成员卡四周没有白色断层，页面背景纹理连续可见。
|
||
- 不再出现申请状态卡的红竖线和右上短横装饰。
|
||
- 姓名是每张卡的第一视觉焦点；三层信息可清楚区分。
|
||
- 搜索与成员点击行为保持可用。
|
||
- T07 聚焦合同测试、相关既有回归测试和四档 H5 运行时检查通过。
|
||
- 仅形成 H5 候选证据；Android/HBuilderX 验证仍不宣称完成。
|
||
|
||
## 非目标
|
||
|
||
- 不改造其他 T 页面。
|
||
- 不抽取新的公共组件。
|
||
- 不对接真实接口。
|
||
- 不生成新图片资产。
|
||
|
||
## 自检
|
||
|
||
- 无 TBD、TODO 或未决选择。
|
||
- 资产、布局、交互与验收条件无冲突。
|
||
- 修改范围严格限定为 T07 及其直接测试证据。
|