产品需求文档(PRD) - 消费记录页模块
一、模块概述
“消费记录”页用于展示用户金币的使用明细,提升金币系统透明度,帮助用户清晰了解每一笔消费的时间、用途与金额。该页面有助于用户建立对虚拟币系统的信任感,也利于平台后期运营数据追踪。
二、功能说明
1. 页面入口
- 来源路径:从“我的钱包”点击“消费记录”按钮跳转;
- 页面标题:顶部居中显示“消费记录”;
- 左上角返回按钮:点击返回上一级页面。
2. 消费记录展示结构
每条消费记录为一条卡片式展示,内容包含以下字段:
| 字段 | 示例内容 | 说明 |
|---|---|---|
| 封面图 | 剧集封面图(如小公主救皇帝剧照) | 对应消费内容的封面展示图 |
| 剧集名称 | 第十集 | 消费资源的标题(如剧集) |
| 剧情简介 | 亡国倒计时,小公主心声拯救皇帝 | 简要描述内容 |
| 消费时间 | 2025/07/08 22:02:08 | 精确到秒的消费时间 |
| 消费金额 | -30 金币 | 消费的金币数量 |
- 金币消耗数值置于卡片右侧,统一为“-”号前缀,字体颜色高亮;
- 若为多条记录,则按时间倒序排列展示(最新在前);
- 若无消费记录时,可显示空状态提示,如“暂无消费记录”。
三、交互逻辑
- 页面加载时调用接口拉取该用户的消费记录列表;
- 点击卡片可选跳转至相关剧集页面(可选);
- 消费记录为只读展示,不提供删除或编辑操作。
四、接口需求(示意)
GET /api/wallet/spend-history
参数:用户ID / 分页参数(可选)
返回:用户金币消费明细列表。
json
[
{
"title": "第十集",
"desc": "亡国倒计时,小公主心声拯救皇帝",
"time": "2025/07/08 22:02:08",
"amount": -30,
"cover_url": "https://cdn.xxx/cover.jpg"
}
]