# 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. **空状态**:列表为空时展示空状态插画与文案