# 卖家/玩家主页 · 设计说明（seller-profile.vue）

> 单元：`seller-profile` ｜ group=information ｜ P03/P08/P12 ｜ 依据：pages.json unit#22 + 规格表 + 执行方案 §5.22
> 实现：`vue/src/pages/seller-profile.vue` ｜ 状态帧 fixtures（全组单文件）：`design/fixtures/information.states.json`

## 1. 区块与密度对照

| 区块 | 实现落点 | 密度 | 达成 |
|---|---|---|---|
| ① 头部 | 浅粉洗底氛围位：AvatarUser 64（登记头像 avatar-shirakawa）+昵称+「已实名」Pill（徽章+文字双通道，后台开关显隐语义）+「信用 98」（star 图标+文字）+关注按钮（防连点：loading 锁 600ms→已关注 soft 态） | — | ✓ |
| ② 统计行 | 在售 6 · 成交 23 · 获赞 156（三列分栏；在售/成交=mock `itemDetail.sellerStats` 与 P03 卖家卡**同源**，获赞=fixtures；**不用「好评率」**避免冒充评价数据） | 3 项 | ✓ |
| ③ 内容 tab 3 | SegmentTabs：在售拍品（双列 ItemCard，点击→item）/帖子（行卡：图+标题+圈名·时间·赞评，点击→post）/出物信息（InfoCard 紧凑态，点击→info-detail） | **3** | ✓ |
| ④ 空态兜底 | 三 tab 各有空态（「TA 还没有上架拍品」「TA 还没有发过帖子」「TA 还没有发布过信息」）；empty 帧固定演示在售拍品空 | — | ✓ |

## 2. 状态帧（6 帧）

| 帧 | 渲染 |
|---|---|
| normal | 谷仓管理员（信用 98）：头部+统计+在售拍品 tab（items 中 seller=me 的样例卡） |
| empty | 「TA 还没有上架拍品」EmptyState（在售拍品 tab） |
| loading | SkeletonList 双列骨架 |
| error | ErrorRetry 黄条+缓存内容照常渲染 |
| guest | 浏览免登录照常渲染；点关注→登录引导 Sheet（→login，登录后回跳本页） |
| extreme | 统计行 999+ 压测（成交/获赞顶格，fmtCount 999+） |

## 3. 决策触点与字段/组件对应

- **这个卖家可信吗**：信用分（warn-ink 徽章）+成交量（统计行）+实名标识（开关显隐）三信号直给；主页内容流佐证（在售/帖子/出物）。

## 4. 九维度（A–I）本页取值

| 维 | 取值 |
|---|---|
| A | tab 级空态三文案；guest 引导帧；extreme 统计压测 |
| B | 关注防连点（loading 锁成帧）；guest 点关注→登录引导 |
| C | N/A：无表单（pages.json 同口径） |
| D | 统计 tabular（fmtCount，>999→999+）；信用分整数直显 |
| E | ItemCard→item；帖子行→post；InfoCard→info-detail；NavBar back→item（主要来源页） |
| F | 按 §0.5：分享=主页默认卡片（原型不实现真分享） |
| G | 按 §0.6：ItemCard 内置懒加载 |
| H | 实名标识=徽章+文字双通道；统计三列分栏线分隔（非单靠颜色） |
| I | `GET /user/{id}/profile`（聚合：拍品/帖子/信息）；数据映射=users/items/posts/infos 按 author/seller 过滤 |

## 5. 数据一致性说明

- 样例=users.me「谷仓管理员」，信用 98、在售 6 · 成交 23 与 P03 拍品详情卖家卡**同一来源**（itemDetail.sellerStats），跨页一致。
- **已登记数据缺口**：mock 现有 items 中 seller=me 仅 1 条（白鹭），统计行「在售 6」为示意汇总——瀑布流只渲染真实存在的 1 条样例卡，不虚构他人物品冒充（走查 §3.1 卖家重复/错配规避）；建议底座扩充 mock 在售池（5 条缺口见 fixtures 单文件登记）。
- 帖子 tab=posts[0]（作者 me）；出物信息 tab=infos[2]（id3 求购，作者 me）+fixtures 扩展摘要。

## 6. 占位与缺口

- 获赞 156 为组内 fixtures 新增示意值；「已实名」为 users.verified 示意显隐，不宣称真实核验。
- 在售拍品 tab 仅 1 条样例卡为 mock 数据现状（不造数补密度）；生产接 `GET /user/{id}/profile` 后由真实数据填满。

## 7. 视觉验收修复登记（2026-10-10 第二批）

- issue#1（A·阻塞）：帖子行卡模板调用 `asset(k)` 但未导入——补 `import { asset } from '../data/assets.js'`（seller-profile.vue），「帖子」tab 运行时崩溃修复；该 tab 内容此前无成帧截图，待集中复跑 render 后以 PNG 复验。
- issue#2（B·布局）：头部徽章折行修复——披露语缩短为「数据为虚构占位」（nowrap+ellipsis）、信用/昵称 nowrap 不再拆行。
- issue#3（B·触达）：关注按钮经页内 `:deep(.btn)` 覆盖为 44px 高+84px 最小宽（不动共享 AppButton sm 档）。
- 观察项维持：empty 帧仅图标+文案无引导按钮（pages.json 未定义该页空态动作、links.to 不含可跳目标，design §1④ 已登记）；统计「在售 6」与 1 条样例卡为已登记 mock 缺口（§5/§6），非本轮新缺陷。