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