用戶端-首頁
該頁面板塊分為:我的地址、搜索框、輪播圖、分類組輪播、商圈口碑排行、推薦商家。
1、【我的地址】展示所選地址,沒有選擇時,默認(rèn)當(dāng)前用戶所在位置,點擊跳轉(zhuǎn)到18 我的地址可添加與更改我的地址
2、【搜索框】
點擊跳轉(zhuǎn) “04 搜索”,提示語寫死為“搜索門店或商品名”
3、【輪播圖】
多5張,帶鏈接(內(nèi)鏈,可從后臺門店列表復(fù)制鏈接),進(jìn)入頁面時自動輪播,僅有1張時不滾動。非必傳,未上傳不顯示此版塊。
4、【分類組輪播】展示門店分類
(1)單個分類展示字段依次為:圖標(biāo)、名稱(多5個字)
(2)排序:排序號倒序
(3)點擊單個分類跳轉(zhuǎn):“05 商家列表”,并篩選出該分類下的門店
(4)數(shù)量超過2行可以左右滑動
(5)分類數(shù)量一屏可以展示時,不顯示下方輪播點;分類數(shù)量一屏不可以展示時,顯示下方輪播點
(6)個固定為全部,圖片后臺可更改,點擊跳轉(zhuǎn)“05 商家列表”,篩選出所有門店
5、【商圈口碑排行】展示所有商圈的評分排行,展示字段:排名、商圈名、平均評分(商圈下所有門店的分?jǐn)?shù)的平均分)。按平均評分倒序排序
6、【推薦商家】展示后臺設(shè)置為推薦的商家,上滑加載更多數(shù)據(jù),每次加載10條
(1)展示字段:封面圖、商家名稱(1行打點)、評分(所有買家的口味與包裝的平均分)、月售(虛擬加實際)、距離(距離我當(dāng)前的位置)、所屬商圈、起送(顯示單門店時起送費)、配送(顯示單門店到我當(dāng)前位置的費用,x0公里以內(nèi)的,支付基礎(chǔ)配送費x1元。大于x0公里的部分按每公里x2元算。不足一公里的進(jìn)一取整)、已打烊(超出營業(yè)時間的展示此圖片)。
(2)排序
(2.1)綜合排序:發(fā)布時間倒序,默認(rèn)以此排序進(jìn)行排序。
(2.2)銷量:月售倒序。
(2.3)附近商家:距離正序。
(3)點擊單個門店跳轉(zhuǎn) 06 商家詳情。
(4)詳情頁返回時需要定位到進(jìn)入詳情時的列表位置處。
(5)無數(shù)據(jù)時展示“暫無內(nèi)容”。
注:一個店會從屬多種類型
2、當(dāng)用戶未點擊授權(quán)位置時,點擊任意地方跳轉(zhuǎn)到18我的地址。這個判斷在注冊登錄之后
3、底部導(dǎo)航購物車上的角標(biāo)數(shù)字小程序原生上面數(shù)字無法展示,先隱藏掉
注冊登錄
1、此頁通過點擊首頁任意操作進(jìn)入。
2、左圖展示“短信驗證碼登錄”樣式,未輸入信息時,“登錄”按鈕呈左圖灰色樣式,已輸入內(nèi)容呈可點樣式。
3、“請輸入手機(jī)號”字段,只能輸入11位純數(shù)字。
4、“請輸入驗證碼”字段,只能輸入4位純數(shù)字。
5、點擊“獲取驗證碼”按鈕,手機(jī)號做正則驗證且對接阿里云短信接口,按鈕變帶60s不可點擊樣式,60s后可再次點擊。
6、點擊“登錄”按鈕,判斷當(dāng)前用戶是否授權(quán),未授權(quán)用戶彈出“03 微信授權(quán)”,已授權(quán)用戶判斷手機(jī)號、驗證碼正確性(手機(jī)號符合正則驗證、驗證碼未使用、未過期且對應(yīng)當(dāng)前手機(jī)號),判斷通過則返回上一頁,未通過則彈出系統(tǒng)提示“手機(jī)號/驗證碼輸入有誤”。
7、“用戶協(xié)議”點擊跳轉(zhuǎn)整頁面富文本內(nèi)容頁,點擊頂部“返回”按鈕,可返回左圖頁。
微信授權(quán)
1、左圖從“任意頁面”點擊任意地方進(jìn)入“立即授權(quán)”
2、點擊“立即授權(quán)”彈出微信授權(quán),允許授權(quán)則進(jìn)入相應(yīng)入口,拒絕授權(quán)則取消當(dāng)前浮層。
3、點擊“暫不授權(quán)”取消當(dāng)前浮層。
4、授權(quán)成功后,下次進(jìn)入則無需授權(quán)。
注:判斷用戶未授權(quán)時進(jìn)入
搜索
該頁面板塊分為:頂部條、歷史搜索列表、熱門搜索列表。
1、【頂部條】固定在屏幕頂部
(1)輸入框未輸入內(nèi)容時不顯示右側(cè)叉號,輸入內(nèi)容后出現(xiàn)叉號。
(2)點擊叉號清空所填內(nèi)容。
(3)點擊取消返回上級頁面。
(4)搜索框:對門店名稱及商品名稱進(jìn)行模糊搜索,支持回車搜索,搜索完成跳轉(zhuǎn)“05 商家列表”,并篩選出滿足篩選條件的門店。
2、【歷史搜索列表】展示我的歷史搜索,一次性展示,多2行10個。
(1)展示字段為內(nèi)容(1行打點)
(2)搜索時間倒序
(3)點擊單個名稱將該名稱自動輸入到頂部搜索框
(4)無數(shù)據(jù)時展示“暫無搜索內(nèi)容”。
(5)點擊“刪除”按鈕,確認(rèn)框確認(rèn)操作,提示“確認(rèn)刪除全部歷史記錄”,確認(rèn)后清空所有歷史記錄并靜默刷新頁面。
3、【熱門搜索列表】后臺設(shè)置的熱門搜索標(biāo)簽,一次性全部展示。
(1)展示字段為內(nèi)容(超過寬度打點)
(2)添加時間倒序
(3)點擊名稱將該名稱自動輸入到頂部搜索框
(4)無數(shù)據(jù)時展示“暫無搜索內(nèi)容”
商家列表+搜索商品
該頁面板塊分為:頂部條、門店列表。
1、【頂部條】固定在屏幕頂部。
對門店名稱及商品名稱進(jìn)行模糊搜索,支持回車搜索,搜索完成在本頁加載出結(jié)果,并篩選出滿足篩選條件的門店。頁面為帶搜索條件進(jìn)入時搜索框記錄搜索關(guān)鍵字。
2、【商品列表】展示符合篩選條件的門店,上滑加載更多數(shù)據(jù),每次加載10條
(1)展示字段:封面圖、商家名稱(1行打點)、評分(所有買家的口味與包裝的平均分)、月售(虛擬加實際)、距離(距離我當(dāng)前的位置)、所屬商圈、起送(顯示單門店時起送費)、配送(顯示單門店到我當(dāng)前位置的費用,x0公里以內(nèi)的,支付基礎(chǔ)配送費x1元。大于x0公里的部分按每公里x2元算。不足一公里的進(jìn)一取整)、已打烊(超出營業(yè)時間的展示此圖片)、商品列表(字段:商品圖片、商品名稱(超過一行打點)、商品價格)。
(2)排序
(2.1)綜合排序:發(fā)布時間倒序,默認(rèn)以此排序進(jìn)行排序。
(2.2)銷量:月售倒序。
(2.3)附近商家:距離正序。
(2.4)商圈口碑:按照門店所屬商圈的總評分進(jìn)行倒序排序。
(3)點擊單個門店跳轉(zhuǎn) 06 商家詳情。
(4)詳情頁返回時需要定位到進(jìn)入詳情時的列表位置處。
(5)無數(shù)據(jù)時展示“暫無內(nèi)容”。
注:一個店會從屬多種類型
點餐-未添加商品
本頁包含頂部條、門店信息、商品模塊、購物車。
1、【頂部條】:
(1)展示所選地址,沒有選擇時默認(rèn)當(dāng)前用戶所在位置,點擊跳轉(zhuǎn)到27 我的地址可添加與更改我的地址
(2)搜索按鈕:點擊后進(jìn)入“07 搜索結(jié)果”。
(3)收藏按鈕:點擊后收藏,再次點擊后取消收藏
2、【門店信息】
(1)展示字段:所屬商圈、門店名稱、公告(一行打點)、圖片。
(2)點擊公告彈出“06-6 商家詳情-公告”浮層。
3、【商品模塊】:包含商品分類、商品列表。
(1)點擊“評價”進(jìn)入“06-4 商家評價”,點擊“商家”進(jìn)入“06-5 商家詳情-商家”。
(2)商品分類:固定在屏幕左側(cè),可上下滑動,超過固定寬度時打點展示。點擊可切換列表內(nèi)容,默認(rèn)選擇個分類。
(3)后臺可對商品分類進(jìn)行排序,商品上下滑動時,商品分類對應(yīng)切換。同一商品可以隸屬多個分類 。
(4)列表展示字段:圖片、名稱(兩行打點)、簡介(一行打點)、月售(虛擬加實際)、重量(純字段,非必填,無功能)、配送值(后臺設(shè)置,下單時判斷所有商品配送值*數(shù)量累加,超出后臺設(shè)置的范圍彈框提示:“當(dāng)前商品配送值超出限制xx”)、現(xiàn)價、原價(非必填)、增減數(shù)量按鈕。
(5)增減數(shù)量按鈕:所選商品為0時,不展示-號,所選商品大于庫存時,彈窗提示:庫存不足(1s后自動關(guān)閉)。
(6)商品未多規(guī)格時點擊“選規(guī)格”打開“選擇規(guī)格浮層”。
(7)無規(guī)格點擊商品列表展開“08 商品詳情”浮層,有規(guī)格的點擊商品列表展開“09 選規(guī)格”
4、【購物車】上半部分展示“查看所有購物車”按鈕,點擊跳轉(zhuǎn)“11 所有門店購物車”。
下半部分展示:
(1)未添加商品樣式
搜索結(jié)果-點餐頁
本頁包含頂部條、商品列表、購物車。
1.【頂部條】固定在頁面頂部
搜索框提示語為:搜索頁搜索的關(guān)鍵詞,點擊后進(jìn)入“搜索頁”。
2.【商品列表】展示搜索頁搜索的結(jié)果,字段、功能同“06 點餐”商品列表。搜索 的商品列表無內(nèi)容時:展示無內(nèi)容樣式
選規(guī)格按鈕上的2為購物車所有該商品的所有規(guī)格數(shù)量之和,點餐頁也含此功能。
3. 【購物車】購物車和底部導(dǎo)航功能 樣式同“06 點餐”。
商家詳情-菜單-點擊商品后
1.展示字段為:名稱、圖片、月售、標(biāo)簽、簡介、價格、原價。
2.商品詳情浮層點擊叉號可關(guān)閉浮層,點擊加入購物車時變?yōu)椤?、-數(shù)量按量”,邏輯同商品列表。多規(guī)格時,“加入購物車按鈕”為選規(guī)格。點擊后打開選規(guī)格浮層。
選規(guī)格
1、點擊灰色區(qū)域關(guān)閉浮層
2、展示字段為規(guī)格組(無規(guī)格時不展示,默認(rèn)選擇每個規(guī)格組的個規(guī)格)、已選規(guī)格,“、”隔開,單價、原價(每個規(guī)格的價格不一致)、加入購物車按鈕
3、二級列表展示商品規(guī)格項和規(guī)格,過長時在固定區(qū)域內(nèi)滑動展示。所有規(guī)格項為單選,不支持取消選中,必填,
4、點擊“加入購物車”,按鈕變?yōu)椤?、-”商品數(shù)量按鈕,且選擇數(shù)量為1,數(shù)量-到0時,恢復(fù)為“加入購物車按鈕”。
外賣-購物車
1、展示當(dāng)前所選所有商品的總數(shù)量、總價(不含配送費)、配送費(單門店配送費)、差x元起送(已達(dá)到起送價時,為去結(jié)算按鈕,點擊后進(jìn)入“下單頁”)。
2、商品未營業(yè)且不可預(yù)定時為“未營業(yè)樣式”,且不可點擊。
3、已添加商品時點擊禮物盒圖標(biāo)打開/收起“展開購物車浮層”。
4、“展開購物車浮層”展示字段為:商品名稱(超過固定寬度打點顯示)、規(guī)格、單價、配送值。
5、購物車浮層,點擊灰色區(qū)域可關(guān)閉浮層,點擊清空購物車可清空購物車,加減符號可更改商品數(shù)量,商品數(shù)量為0時,移除購物車,所有商品數(shù)量都為0時,關(guān)閉當(dāng)前浮層。
注:底部配送值展示(當(dāng)前值/值),點擊問號彈出“06-8 配送值說明”
所有門店購物車
1、用戶可在門店詳情將商品加入購物車。
2、加入進(jìn)購物車的商品可點擊“編輯”按鈕對商品執(zhí)行刪除操作。
3、編輯后,點擊“完成”回到結(jié)算狀態(tài)。
4、結(jié)算狀態(tài)時,可對“購物車”中的商品進(jìn)行全選及結(jié)算操作。
5、操作已勾選加減數(shù)量時,商品價格不變動,僅底部“合計”價格變。
6、庫存不足的商品結(jié)算時提示“XXX商品庫存不足啦”!
7、“一鍵結(jié)算”按鈕上的3個商家,統(tǒng)計已勾選商家數(shù)。
8、單個門店下可點擊結(jié)算,點擊后結(jié)算的是單個門店。
9、點擊“結(jié)算”跳轉(zhuǎn)“12 多店統(tǒng)一結(jié)算”。
10、多個門店結(jié)算時只可結(jié)算同一個商圈的
11、點擊進(jìn)入門店跳轉(zhuǎn)到“06 點餐”
12、不滿起送規(guī)則時點擊“結(jié)算”與“一鍵結(jié)算”都會彈框提示。
13、門店下所有商品下方展示該門店的三個起送價格
注:1、單門店結(jié)算按鈕,點擊時會判斷當(dāng)前門店內(nèi)所勾選的商品是否達(dá)