用戶端-首頁
該頁面板塊分為:我的地址、搜索框、輪播圖、分類組輪播、商圈口碑排行、推薦商家。
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、單門店結算按鈕,點擊時會判斷當前門店內所勾選的商品是否達