Skip to content

路线推荐列表页交互与加载机制

页面路径

home/route-list

页面定位

用于帮助用户通过多维条件筛选和排序,快速找到合适的游览路线。

筛选能力

时间筛选

  • 选项:1小时内、2小时内、半天、全天、自定义
  • 自定义模式通过时间选择器输入开始/结束时间

体力筛选

  • 等级:轻松、适中、挑战、专业
  • 支持多选,并展示已选数量

兴趣标签

  • 类型:文化历史、自然风光、亲子娱乐、摄影打卡、宗教文化
  • 最多可选 3 个标签

筛选联动规则

  • 任一筛选项变化后立即触发筛选逻辑
  • 请求层需做 500ms 防抖
  • 页面显示“找到 XX 条路线”结果提示
  • 提供一键重置能力

排序规则

  • 默认排序:热门
  • 可选:热门、评分、时长
  • 热门度建议使用点击、收藏、分享的加权分数计算

加载机制

  • 默认分页:pageNo=1pageSize=10
  • 首次加载 10 条
  • 滚动到底部触发下一页加载
  • 需覆盖以下状态:加载中、加载失败、没有更多、空结果

错误处理建议

  • 网络错误:提示重试
  • 服务异常:提示稍后再试
  • 空结果:展示空状态图和说明文案

谷子科技知识库平台 - 多格式摄入、受控编译、岗位隔离问答