首页联系人补头像 + 点击弹详情卡（可打电话） #64

New Issue

2026-11-05T05:31:55Z

laoyang commented

2026-11-05 05:31:55 +00:00

首页联系人：补头像 + 点击弹详情卡（可打电话）

用户（2026-11-05）

「首页上的联系人也是一样，这个地方要有头像，要可以点击。
点击之后弹出来详细信息，就跟名册里面那个人的列表点击完之后的效果是一样的，
这样可以直接打电话，是吧？」

现状

首页联系人区：

没有头像（只有名字文字）
点击无反应

改法

① 补头像

用 FbAvatar 组件（名册已在用）：有头像图显示图，没图回落色块字。

改前：  红围脖   轻舟   老杨      （纯文字）
改后：  (头)    (头)   (头)       （圆形头像）
        红围脖   轻舟   老杨

② 点击弹详情卡

与名册列表点人完全一致 —— 复用 FbPersonSheet（或名册用的那个）。

详情卡应有：

头像、姓名、称呼
手机号（可点拨号）
生日、关系、标签
「编辑」按钮

⚠️ 必须复用名册的组件，不要为首页另写一套。
用户明确说"就跟名册里面那个人的列表点击完之后的效果是一样的"。

验收

首页联系人显示圆形头像
点头像/名字 → 弹人员详情卡
详情卡里手机号可点击拨号
与名册点人的效果一致

为什么单独建单

首页联系人区域的独立改造，与任务/观影/纪念日那几块是不同数据源与不同详情卡。

# 首页联系人：补头像 + 点击弹详情卡（可打电话） ## 用户（2026-11-05） > 「首页上的联系人也是一样，这个地方要有头像，要可以点击。 > 点击之后弹出来详细信息，就跟名册里面那个人的列表点击完之后的效果是一样的， > 这样可以直接打电话，是吧？」 ## 现状首页联系人区： - **没有头像**（只有名字文字） - **点击无反应** ## 改法 ### ① 补头像用 `FbAvatar` 组件（名册已在用）：有头像图显示图，没图回落色块字。 ``` 改前：红围脖轻舟老杨（纯文字）改后： (头) (头) (头) （圆形头像）红围脖轻舟老杨 ``` ### ② 点击弹详情卡 **与名册列表点人完全一致** —— 复用 `FbPersonSheet`（或名册用的那个）。详情卡应有： - 头像、姓名、称呼 - 手机号（**可点拨号**） - 生日、关系、标签 - 「编辑」按钮 ⚠️ 必须复用名册的组件，不要为首页另写一套。用户明确说"就跟名册里面那个人的列表点击完之后的效果是一样的"。 ## 验收 - [ ] 首页联系人显示圆形头像 - [ ] 点头像/名字 → 弹人员详情卡 - [ ] 详情卡里手机号可点击拨号 - [ ] 与名册点人的效果一致相关：#59（首页总纲） --- ### 为什么单独建单首页联系人区域的独立改造，与任务/观影/纪念日那几块是不同数据源与不同详情卡。

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: laoyang/FamilyBook#64