Skip to content

我的(个人中心)

zoroer edited this page Feb 12, 2023 · 13 revisions

我的(个人中心)

功能点:

包含3部分:

  • 活动功能: 我的红包
  • 常规功能: 个人信息,我的地址, 我的订单, 我的收藏, 我的评价
  • 系统功能: 关于本站, 退出登录
    • 用户展示 * 展示两种状态下(登录,未登录)的用户的avatar以及name(手机号)信息
      auth接口判断登录态,保证进个人中心都是已登录
    • 红包 待接
  • 点击跳转红包详情页
  • 列表处显示目前已有红包数
    • 个人信息
  • wiki详情: Click It!
  • 点击跳转个人信息详情页,可以查看和更改个人信息
    • 我的地址
  • wiki详情:Click It!
  • 点击跳转 我的地址列表
    • 退出登录
  • 点击退出登录,跳转到首页/登录页
    • 关于本站
  • app简单信息
    • 我的收藏
  • 点击跳转我的收藏: 包含收藏的店铺
  • 数据来源:[todo] 预计之后在店铺详情页面添加收藏入口
    • 我的评价
  • 商品维度记录用户参与的评价

ui点:

参考链接: mt: https://h5.waimai.meituan.com/waimai/mindex/mine

页面整体拆分为上下两大部分:

  • 上半部分为用户头像以及用户名展示,加以背景色
    1. 头像需要默认icon
    2. 用户名 -> 手机号,加密中间4位展示
  • 下半部分列表展示支持的功能点;[note]未登录时点击功能点跳转至登录,成功后跳转回个人中心页。

note: 点tabBar切换进页面 auth接口判断登录态