1.1 KiB
1.1 KiB
P01 门店选择页
- 页面编码:
P01 - 页面层级:
二级页 - 页面目标:让用户选择合适门店,并明确当前场景是否可服务
- 主要依赖组件:
G01、G12
1. 页面结构(从上到下)
- 顶部导航栏
- 搜索区
- 场景筛选区
- 当前定位结果区
- 门店列表区
2. 区块说明
2.1 搜索区
- 支持按门店名称、商圈关键词搜索
2.2 场景筛选区
- 按
外卖 / 自提 / 堂食过滤门店
2.3 当前定位结果区
- 显示当前定位城市 / 坐标结果
- 提供重新定位动作
2.4 门店列表区
- 每个门店卡展示:
- 门店名称
- 距离
- 营业状态
- 地址
- 场景支持标签
- 起送价 / 配送费 / 自提 / 堂食提示
- 点击门店即切换当前门店并返回来源页
3. 页面状态
默认态
- 有门店列表
空态
- 搜索无结果或当前区域无门店
异常态
- 定位失败时只展示手动选店模式
4. 实现备注
- 门店列表要把“能否下单”说清楚,不仅展示名字