28 lines
1007 B
Markdown
28 lines
1007 B
Markdown
# 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. **空状态**：列表为空时展示空状态插画与文案
|