883 B
883 B
P13 积分商城页
- 页面编码：
P13 - 页面层级：
二级页 - 页面目标：展示积分余额、可兑换商品和兑换记录
- 主要依赖组件：
G01
1. 页面结构（从上到下）
- 顶部导航栏
- 积分余额头部区
- Tab 切换区
- 兑换商品列表区 / 兑换记录区
2. 区块说明
2.1 积分余额头部区
- 展示当前积分余额
- 展示积分获取说明入口（可选）
2.2 Tab 切换区
- 兑换商品
- 兑换记录
2.3 兑换商品列表区
- 商品卡展示：
- 商品图片
- 商品名称
- 所需积分
- 库存 / 数量说明
- 立即兑换
2.4 兑换记录区
- 展示兑换时间、兑换内容、状态
3. 页面状态
- 默认态：有商品可兑
- 空态：暂无可兑换商品
4. 实现备注
- 积分商城强调“积分能干什么”，不要只展示数值