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