2026-02-14 19:47:08 +08:00

865 B
Raw Blame History

App.vue

路径src/App.vue

功能用途

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

核心能力

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

扩展方式

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