xtraderClient/docs/views/Home.md

Home.vue

路径：src/views/Home.vue
路由：/，name: home

功能用途

首页，展示分类 Tab、搜索、事件卡片列表。支持三层分类、下拉刷新、无限滚动、搜索历史，卡片支持单一/多选项展示。

核心能力

• 分类：第一层 Tab、第二层图标、第三层 Tab，从 getPmTagMain 获取
• 搜索：展开浮层、历史记录、useSearchHistory
• 列表：getPmEventPublic 分页、mapEventItemToCard 映射、MarketCard 渲染
• 缓存：eventListCache 切换页面时复用，下拉刷新时清空
• Keep-alive：Home 被 include，切换回来时保留状态

使用方式

• 访问 / 即可进入
• 分类切换、搜索、下拉刷新、滚动加载均自动工作

扩展方式

1. 新增筛选：在搜索浮层旁增加筛选按钮，修改 getPmEventPublic 的 params
2. 骨架屏：在 loading 时展示 v-skeleton-loader
3. 空状态：列表为空时展示空状态插画与文案