用户端-首页
该页面板块分为:我的地址、搜索框、轮播图、分类组轮播、商圈口碑排行、推荐商家。
1、【我的地址】展示所选地址,没有选择时,默认当前用户所在位置,点击跳转到18 我的地址可添加与更改我的地址
2、【搜索框】
点击跳转 “04 搜索”,提示语写死为“搜索门店或商品名”
3、【轮播图】
多5张,带链接(内链,可从后台门店列表复制链接),进入页面时自动轮播,仅有1张时不滚动。非必传,未上传不显示此版块。
4、【分类组轮播】展示门店分类
(1)单个分类展示字段依次为:图标、名称(多5个字)
(2)排序:排序号倒序
(3)点击单个分类跳转:“05 商家列表”,并筛选出该分类下的门店
(4)数量超过2行可以左右滑动
(5)分类数量一屏可以展示时,不显示下方轮播点;分类数量一屏不可以展示时,显示下方轮播点
(6)个固定为全部,图片后台可更改,点击跳转“05 商家列表”,筛选出所有门店
5、【商圈口碑排行】展示所有商圈的评分排行,展示字段:排名、商圈名、平均评分(商圈下所有门店的分数的平均分)。按平均评分倒序排序
6、【推荐商家】展示后台设置为推荐的商家,上滑加载更多数据,每次加载10条
(1)展示字段:封面图、商家名称(1行打点)、评分(所有买家的口味与包装的平均分)、月售(虚拟加实际)、距离(距离我当前的位置)、所属商圈、起送(显示单门店时起送费)、配送(显示单门店到我当前位置的费用,x0公里以内的,支付基础配送费x1元。大于x0公里的部分按每公里x2元算。不足一公里的进一取整)、已打烊(超出营业时间的展示此图片)。
(2)排序
(2.1)综合排序:发布时间倒序,默认以此排序进行排序。
(2.2)销量:月售倒序。
(2.3)附近商家:距离正序。
(3)点击单个门店跳转 06 商家详情。
(4)详情页返回时需要定位到进入详情时的列表位置处。
(5)无数据时展示“暂无内容”。
注:一个店会从属多种类型
2、当用户未点击授权位置时,点击任意地方跳转到18我的地址。这个判断在注册登录之后
3、底部导航购物车上的角标数字小程序原生上面数字无法展示,先隐藏掉
注册登录
1、此页通过点击首页任意操作进入。
2、左图展示“短信验证码登录”样式,未输入信息时,“登录”按钮呈左图灰色样式,已输入内容呈可点样式。
3、“请输入手机号”字段,只能输入11位纯数字。
4、“请输入验证码”字段,只能输入4位纯数字。
5、点击“获取验证码”按钮,手机号做正则验证且对接阿里云短信接口,按钮变带60s不可点击样式,60s后可再次点击。
6、点击“登录”按钮,判断当前用户是否授权,未授权用户弹出“03 微信授权”,已授权用户判断手机号、验证码正确性(手机号符合正则验证、验证码未使用、未过期且对应当前手机号),判断通过则返回上一页,未通过则弹出系统提示“手机号/验证码输入有误”。
7、“用户协议”点击跳转整页面富文本内容页,点击顶部“返回”按钮,可返回左图页。
微信授权
1、左图从“任意页面”点击任意地方进入“立即授权”
2、点击“立即授权”弹出微信授权,允许授权则进入相应入口,拒绝授权则取消当前浮层。
3、点击“暂不授权”取消当前浮层。
4、授权成功后,下次进入则无需授权。
注:判断用户未授权时进入
搜索
该页面板块分为:顶部条、历史搜索列表、热门搜索列表。
1、【顶部条】固定在屏幕顶部
(1)输入框未输入内容时不显示右侧叉号,输入内容后出现叉号。
(2)点击叉号清空所填内容。
(3)点击取消返回上级页面。
(4)搜索框:对门店名称及商品名称进行模糊搜索,支持回车搜索,搜索完成跳转“05 商家列表”,并筛选出满足筛选条件的门店。
2、【历史搜索列表】展示我的历史搜索,一次性展示,多2行10个。
(1)展示字段为内容(1行打点)
(2)搜索时间倒序
(3)点击单个名称将该名称自动输入到顶部搜索框
(4)无数据时展示“暂无搜索内容”。
(5)点击“删除”按钮,确认框确认操作,提示“确认删除全部历史记录”,确认后清空所有历史记录并静默刷新页面。
3、【热门搜索列表】后台设置的热门搜索标签,一次性全部展示。
(1)展示字段为内容(超过宽度打点)
(2)添加时间倒序
(3)点击名称将该名称自动输入到顶部搜索框
(4)无数据时展示“暂无搜索内容”
商家列表+搜索商品
该页面板块分为:顶部条、门店列表。
1、【顶部条】固定在屏幕顶部。
对门店名称及商品名称进行模糊搜索,支持回车搜索,搜索完成在本页加载出结果,并筛选出满足筛选条件的门店。页面为带搜索条件进入时搜索框记录搜索关键字。
2、【商品列表】展示符合筛选条件的门店,上滑加载更多数据,每次加载10条
(1)展示字段:封面图、商家名称(1行打点)、评分(所有买家的口味与包装的平均分)、月售(虚拟加实际)、距离(距离我当前的位置)、所属商圈、起送(显示单门店时起送费)、配送(显示单门店到我当前位置的费用,x0公里以内的,支付基础配送费x1元。大于x0公里的部分按每公里x2元算。不足一公里的进一取整)、已打烊(超出营业时间的展示此图片)、商品列表(字段:商品图片、商品名称(超过一行打点)、商品价格)。
(2)排序
(2.1)综合排序:发布时间倒序,默认以此排序进行排序。
(2.2)销量:月售倒序。
(2.3)附近商家:距离正序。
(2.4)商圈口碑:按照门店所属商圈的总评分进行倒序排序。
(3)点击单个门店跳转 06 商家详情。
(4)详情页返回时需要定位到进入详情时的列表位置处。
(5)无数据时展示“暂无内容”。
注:一个店会从属多种类型
点餐-未添加商品
本页包含顶部条、门店信息、商品模块、购物车。
1、【顶部条】:
(1)展示所选地址,没有选择时默认当前用户所在位置,点击跳转到27 我的地址可添加与更改我的地址
(2)搜索按钮:点击后进入“07 搜索结果”。
(3)收藏按钮:点击后收藏,再次点击后取消收藏
2、【门店信息】
(1)展示字段:所属商圈、门店名称、公告(一行打点)、图片。
(2)点击公告弹出“06-6 商家详情-公告”浮层。
3、【商品模块】:包含商品分类、商品列表。
(1)点击“评价”进入“06-4 商家评价”,点击“商家”进入“06-5 商家详情-商家”。
(2)商品分类:固定在屏幕左侧,可上下滑动,超过固定宽度时打点展示。点击可切换列表内容,默认选择个分类。
(3)后台可对商品分类进行排序,商品上下滑动时,商品分类对应切换。同一商品可以隶属多个分类 。
(4)列表展示字段:图片、名称(两行打点)、简介(一行打点)、月售(虚拟加实际)、重量(纯字段,非必填,无功能)、配送值(后台设置,下单时判断所有商品配送值*数量累加,超出后台设置的范围弹框提示:“当前商品配送值超出限制xx”)、现价、原价(非必填)、增减数量按钮。
(5)增减数量按钮:所选商品为0时,不展示-号,所选商品大于库存时,弹窗提示:库存不足(1s后自动关闭)。
(6)商品未多规格时点击“选规格”打开“选择规格浮层”。
(7)无规格点击商品列表展开“08 商品详情”浮层,有规格的点击商品列表展开“09 选规格”
4、【购物车】上半部分展示“查看所有购物车”按钮,点击跳转“11 所有门店购物车”。
下半部分展示:
(1)未添加商品样式
搜索结果-点餐页
本页包含顶部条、商品列表、购物车。
1.【顶部条】固定在页面顶部
搜索框提示语为:搜索页搜索的关键词,点击后进入“搜索页”。
2.【商品列表】展示搜索页搜索的结果,字段、功能同“06 点餐”商品列表。搜索 的商品列表无内容时:展示无内容样式
选规格按钮上的2为购物车所有该商品的所有规格数量之和,点餐页也含此功能。
3. 【购物车】购物车和底部导航功能 样式同“06 点餐”。
商家详情-菜单-点击商品后
1.展示字段为:名称、图片、月售、标签、简介、价格、原价。
2.商品详情浮层点击叉号可关闭浮层,点击加入购物车时变为“+、-数量按量”,逻辑同商品列表。多规格时,“加入购物车按钮”为选规格。点击后打开选规格浮层。
选规格
1、点击灰色区域关闭浮层
2、展示字段为规格组(无规格时不展示,默认选择每个规格组的个规格)、已选规格,“、”隔开,单价、原价(每个规格的价格不一致)、加入购物车按钮
3、二级列表展示商品规格项和规格,过长时在固定区域内滑动展示。所有规格项为单选,不支持取消选中,必填,
4、点击“加入购物车”,按钮变为“+、-”商品数量按钮,且选择数量为1,数量-到0时,恢复为“加入购物车按钮”。
外卖-购物车
1、展示当前所选所有商品的总数量、总价(不含配送费)、配送费(单门店配送费)、差x元起送(已达到起送价时,为去结算按钮,点击后进入“下单页”)。
2、商品未营业且不可预定时为“未营业样式”,且不可点击。
3、已添加商品时点击礼物盒图标打开/收起“展开购物车浮层”。
4、“展开购物车浮层”展示字段为:商品名称(超过固定宽度打点显示)、规格、单价、配送值。
5、购物车浮层,点击灰色区域可关闭浮层,点击清空购物车可清空购物车,加减符号可更改商品数量,商品数量为0时,移除购物车,所有商品数量都为0时,关闭当前浮层。
注:底部配送值展示(当前值/值),点击问号弹出“06-8 配送值说明”
所有门店购物车
1、用户可在门店详情将商品加入购物车。
2、加入进购物车的商品可点击“编辑”按钮对商品执行删除操作。
3、编辑后,点击“完成”回到结算状态。
4、结算状态时,可对“购物车”中的商品进行全选及结算操作。
5、操作已勾选加减数量时,商品价格不变动,仅底部“合计”价格变。
6、库存不足的商品结算时提示“XXX商品库存不足啦”!
7、“一键结算”按钮上的3个商家,统计已勾选商家数。
8、单个门店下可点击结算,点击后结算的是单个门店。
9、点击“结算”跳转“12 多店统一结算”。
10、多个门店结算时只可结算同一个商圈的
11、点击进入门店跳转到“06 点餐”
12、不满起送规则时点击“结算”与“一键结算”都会弹框提示。
13、门店下所有商品下方展示该门店的三个起送价格
注:1、单门店结算按钮,点击时会判断当前门店内所勾选的商品是否达