Skip to content

P21 我的页

概述

页面名称:我的页
页面目标:承载用户资产与常用工具入口
适用角色:全部用户;资产信息需登录
页面入口:底部 Tab - 我的

页面组成

区块字段说明
用户信息区avatarUrlnickNameregisterTime个人基础信息
积分资产区pointsBalancepointsIntro积分余额与入口
订单快捷区pendingPayCountpendingDeliveryCountshippedCountcompletedCount订单快捷入口,移除售后/退换相关状态
成长资产区badgeCountatlasCount徽章与图鉴入口
工具区winningsaddressserviceinvite常用工具

按钮与跳转

按钮显示条件动作
编辑资料登录后显示打开 P22
查看积分固定显示打开 P23
我的订单固定显示打开 P24
徽章成就固定显示打开 P26
周边图鉴固定显示打开 P28
我的中奖固定显示打开 P30
地址管理固定显示打开 P31
联系客服固定显示打开 P32
邀请好友固定显示打开 P33

交互逻辑

  • 未登录时,展示默认头像和 “立即登录”
  • 登录后,加载用户资产信息与订单统计数据。
  • 资产加载失败时,不影响工具区功能使用。

校验规则

  • 各类角标数量不得为负值。
  • 资产区必须使用最新接口数据,不得读取本地缓存。

状态处理

空状态 / 加载中 / 失败态

  • 资产区加载失败时,工具区保持可用。

异常提示

  • 我的页加载失败提示:个人信息加载失败,请下拉刷新

页面跳转关系

P21 -> P22 / P23 / P24 / P26 / P28 / P30 / P31 / P32 / P33

埋点建议

  • mine_show
  • mine_login_click
  • mine_order_click
  • mine_badge_click

开发要点

  • 页面需兼容登录态与未登录态两种展示。
  • 用户资产、订单统计属于动态数据,需优先保证接口实时性。
  • 工具区应与资产区解耦,避免因资产接口异常导致整页不可用。
  • 订单快捷区不包含售后/退换相关状态。

谷子科技知识库平台 - 多格式摄入、受控编译、岗位隔离问答