9:41
我的积分
15,769积分
我的赏袋
我的订单
积分商城
扫码兑换
我的图鉴 全部
28
全部系列
42%
收集进度
服务中心
兑换记录
协议管理
我的地址
联系我们
用户信息
1
头像 / 昵称
展示当前登录用户(王小贱),点击头像/昵称区域进入会员信息页(编辑资料/退出登录/注销账号)
2
消息铃铛
未读消息入口,角标 99+(无未读时隐藏),点击进消息列表
3
用户 ID
展示 ID 38472910,点复制图标复制到剪贴板,toast「已复制用户ID」
4
会员箭头
点击进入会员信息页(/会员信息/latest/):自定义头像/昵称、查看会员ID/手机号、设置生日/性别、退出登录、注销账号
积分
5
我的积分条
展示积分余额 15769,点击进入「我的积分」落地页(/我的积分/latest/):积分余额 + 明细 + 规则 + 去兑换
核心功能
6
我的赏袋
跳转「我的赏袋」页(latest)
7
我的订单
跳转「我的订单」页(latest)
8
积分商城
跳转「积分商城」页(latest)
9
扫码兑换
进入扫码兑换流程(原型示意)
我的图鉴
10
图鉴概览
全部系列 28 / 收集进度 42%,点「全部」进图鉴页(atlas.html)
服务中心
11
四项服务
兑换记录 / 协议管理 / 联系我们(原型示意);「我的地址」跳转地址管理页(/我的地址/latest/)
底部 Tab
12
Tab 栏
首页 / 积分商城 / 抽卡机(中心凸起)/ 手册 / 我的,当前「我的」高亮
📋 说明面板 / 开发交付文档 — 我的 v2.16
📌 功能概述

一句话

个人中心页 = 用户信息 + 积分入口 + 核心功能宫格 + 图鉴概览 + 服务中心。

页面说明

顶部展示当前登录用户(头像/昵称/消息入口/用户ID 可复制/会员箭头);「我的积分」条展示积分余额(15769);核心功能宫格 4 项(我的赏袋/我的订单/积分商城/扫码兑换)跳转对应页面;「我的图鉴」卡概览收藏情况(全部系列 28、收集进度 42%,点「全部」进图鉴页);服务中心 4 项(兑换记录/协议管理/我的地址/联系我们)——v2.3 起「我的地址」可跳转地址管理页;顶部会员箭头/头像/昵称点击进入会员信息页(v2.7 起:资料编辑/退出登录/注销账号);底部 Tab 栏「我的」高亮。

🧱 页面结构
模块内容数据来源
用户信息头部背景图 + 头像/昵称(王小贱)/消息铃铛(角标 99+)/用户ID(38472910,可复制)/会员箭头(点击进入会员信息页)用户信息(mock)
我的积分条「我的积分」+ 余额 15769 + 箭头,点击进「我的积分」落地页(/我的积分/latest/)积分账户(mock)
核心功能宫格我的赏袋 / 我的订单 / 积分商城 / 扫码兑换(4 宫格)固定入口
我的图鉴卡标题「我的图鉴」+ 全部入口 + 全部系列 28 / 收集进度 42%图鉴数据(mock)
服务中心兑换记录 / 协议管理 / 我的地址 / 联系我们(4 宫格);「我的地址」跳转 /我的地址/latest/固定入口 + 跳转
底部 Tab 栏首页 / 积分商城 / 抽卡机(中心凸起)/ 手册 / 我的(激活高亮)固定
📋 功能说明(需求)

① 用户信息展示:头像、昵称、用户 ID(可点击复制)、消息入口(未读角标,无未读时隐藏);点击头像/昵称/会员箭头进入会员信息页(v2.7 起:编辑资料/退出登录/注销账号);② 积分入口:展示当前积分余额,点击进入「我的积分」落地页(积分明细 + 积分规则 + 去兑换入口);③ 核心宫格:我的赏袋/我的订单/积分商城跳转对应页面,扫码兑换占位(原型示意);④ 我的图鉴:展示全部系列数与收集进度,点「全部」进入图鉴页(atlas.html);⑤ 服务中心:兑换记录/协议管理/联系我们(占位入口);「我的地址」v2.3 起跳转地址管理页(维护收件地址,赏袋/积分商城下单共用);⑥ 退出登录与注销账号:v2.7 起移至会员信息页操作。

🖱️ 交互行为
操作页面行为
点核心宫格我的赏袋/我的订单/积分商城 → 跳转对应页面 latest;扫码兑换 → 占位(原型示意)
点积分条跳转「我的积分」落地页(/原型/万漫社/miniApp/我的积分/latest/)
点图鉴「全部」跳转 /小程序我的/latest/atlas.html 图鉴页
点用户 ID 复制图标复制用户 ID 到剪贴板,toast「复制成功」(原型示意)
点会员箭头/头像/昵称跳转会员信息页(/会员信息/latest/)
底部 Tab切换首页/积分商城/抽卡机/手册/我的,当前页「我的」高亮
📐 数据口径

用户 ID 38472910;积分余额 15769;全部系列 28;收集进度 42%(收集系列数 ÷ 全部系列数);消息角标 99+(未读消息数,mock)。

❌ 错误提示清单
页面按钮/操作场景提示
我的复制 ID点击复制(原型示意)toast「已复制用户ID」
🔲 状态说明
状态说明完成情况
默认用户已登录,完整展示各模块✅ 已实现
无消息消息角标隐藏(无未读)✅ 已实现(mock 99+ 演示)
未登录(游客模式)?guest=1 进入:默认灰色头像 + 「点击登录」、隐藏铃铛/ID/会员箭头,积分条显示「登录后查看」,宫格/图鉴/服务点击提示「请先登录」✅ 已实现(注销成功跳转演示链路)
🔄 版本更新日志