Files
C-end.MiniProgram.Prototype/docs/07-页面规格/05-门店选择页.md

1.1 KiB

P01 门店选择页

  • 页面编码:P01
  • 页面层级:二级页
  • 页面目标:让用户选择合适门店,并明确当前场景是否可服务
  • 主要依赖组件:G01G12

1. 页面结构(从上到下)

  1. 顶部导航栏
  2. 搜索区
  3. 场景筛选区
  4. 当前定位结果区
  5. 门店列表区

2. 区块说明

2.1 搜索区

  • 支持按门店名称、商圈关键词搜索

2.2 场景筛选区

  • 外卖 / 自提 / 堂食 过滤门店

2.3 当前定位结果区

  • 显示当前定位城市 / 坐标结果
  • 提供重新定位动作

2.4 门店列表区

  • 每个门店卡展示:
    • 门店名称
    • 距离
    • 营业状态
    • 地址
    • 场景支持标签
    • 起送价 / 配送费 / 自提 / 堂食提示
  • 点击门店即切换当前门店并返回来源页

3. 页面状态

默认态

  • 有门店列表

空态

  • 搜索无结果或当前区域无门店

异常态

  • 定位失败时只展示手动选店模式

4. 实现备注

  • 门店列表要把“能否下单”说清楚,不仅展示名字