22 lines
865 B
Markdown
22 lines
865 B
Markdown
# 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 插件
|