# 页面名:my-profile(我的首页) > PRD 参考:`apps/miniprogram/doc/prd.md` 第十一节 > 已实现:否 ## 页面说明 用户个人中心菜单页(Tab 3)。展示用户信息和功能入口列表。 ## 状态变量 | 变量名 | 类型 | 初始值 | 说明 | |--------|------|--------|------| | userInfo | object | null | 用户信息(用户名、身份、门店) | | logoutConfirmVisible | boolean | false | 退出账号确认弹窗 | ## 用户操作 → 响应 | 操作 | 触发条件 | 响应行为 | 目标状态 | |------|----------|----------|----------| | 页面加载 | 进入页面 | 读取缓存用户信息 | — | | 点击"备注记录" | 无 | navigateTo notes | — | | 点击"助手对话记录" | 无 | navigateTo chat-history | — | | 点击"退出账号" | 无 | 显示确认弹窗 | logoutConfirmVisible=true | | 确认退出 | 弹窗确认 | 清除登录态 + redirectTo login | — | | 取消退出 | 弹窗取消 | 关闭弹窗 | logoutConfirmVisible=false | ## 菜单列表 | 菜单项 | 图标 | 跳转目标 | |--------|------|----------| | 备注记录 | `` | notes | | 助手对话记录 | `` | chat-history | | 退出账号 | `` | 确认弹窗 → login | ## 页面状态枚举 | 状态名 | 视觉表现 | 触发条件 | |--------|----------|----------| | 默认态 | 用户信息 + 菜单列表 | 始终 | ## 后端 API 依赖 | API | 方法 | 说明 | |-----|------|------| | `GET /api/xcx-auth/status` | GET | 获取用户信息(可从缓存读取) | ## 页面导航 - 来源:TabBar 切换 - 去向:notes / chat-history / login(退出) ## 全局组件 - 底部 TabBar(我的 active)— 由 `bottom-nav.js` 自动注入 - AI 悬浮按钮