xtraderClient/docs/core/App.md

App.vue

路径：src/App.vue

功能用途

根组件，包含全局 AppBar、主内容区（router-view）。AppBar 含返回按钮、标题、登录/余额/头像菜单，主内容区使用 keep-alive 缓存 Home。

核心能力

• 顶部导航栏：返回、PolyMarket 标题、Login 或余额+用户名+头像菜单
• 登录态：userStore.isLoggedIn 控制展示
• 用户名：nickName 或 userName 显示在头像左侧（有值时）
• 挂载时与 isLoggedIn 变为 true 时：拉取用户信息与余额（router.isReady() + nextTick 后执行），确保钱包登录、刷新页面后头像和用户名正确显示
• keep-alive：include="['Home']" 缓存首页

扩展方式

1. 多级导航：根据路由深度调整返回逻辑
2. 主题切换：增加亮/暗模式切换
3. 多语言：接入 i18n 插件