用戶(hù)端-首頁(yè)

該頁(yè)面板塊分為：我的地址、搜索框、輪播圖、分類(lèi)組輪播、商圈口碑排行、推薦商家。

1、【我的地址】展示所選地址，沒(méi)有選擇時(shí),默認(rèn)當(dāng)前用戶(hù)所在位置，點(diǎn)擊跳轉(zhuǎn)到18 我的地址可添加與更改我的地址

2、【搜索框】

點(diǎn)擊跳轉(zhuǎn) “04 搜索”，提示語(yǔ)寫(xiě)死為“搜索門(mén)店或商品名”

3、【輪播圖】

多5張，帶鏈接（內(nèi)鏈，可從后臺(tái)門(mén)店列表復(fù)制鏈接），進(jìn)入頁(yè)面時(shí)自動(dòng)輪播，僅有1張時(shí)不滾動(dòng)。非必傳，未上傳不顯示此版塊。

4、【分類(lèi)組輪播】展示門(mén)店分類(lèi)

（1）單個(gè)分類(lèi)展示字段依次為：圖標(biāo)、名稱(chēng)（多5個(gè)字）

（2）排序：排序號(hào)倒序

（3）點(diǎn)擊單個(gè)分類(lèi)跳轉(zhuǎn)：“05 商家列表”，并篩選出該分類(lèi)下的門(mén)店

（4）數(shù)量超過(guò)2行可以左右滑動(dòng)

（5）分類(lèi)數(shù)量一屏可以展示時(shí)，不顯示下方輪播點(diǎn)；分類(lèi)數(shù)量一屏不可以展示時(shí)，顯示下方輪播點(diǎn)

（6）個(gè)固定為全部，圖片后臺(tái)可更改，點(diǎn)擊跳轉(zhuǎn)“05 商家列表”，篩選出所有門(mén)店

5、【商圈口碑排行】展示所有商圈的評(píng)分排行，展示字段：排名、商圈名、平均評(píng)分（商圈下所有門(mén)店的分?jǐn)?shù)的平均分）。按平均評(píng)分倒序排序

6、【推薦商家】展示后臺(tái)設(shè)置為推薦的商家，上滑加載更多數(shù)據(jù)，每次加載10條

（1）展示字段：封面圖、商家名稱(chēng)（1行打點(diǎn)）、評(píng)分（所有買(mǎi)家的口味與包裝的平均分）、月售（虛擬加實(shí)際）、距離（距離我當(dāng)前的位置）、所屬商圈、起送（顯示單門(mén)店時(shí)起送費(fèi)）、配送（顯示單門(mén)店到我當(dāng)前位置的費(fèi)用，x0公里以?xún)?nèi)的，支付基礎(chǔ)配送費(fèi)x1元。大于x0公里的部分按每公里x2元算。不足一公里的進(jìn)一取整）、已打烊（超出營(yíng)業(yè)時(shí)間的展示此圖片）。

（2）排序

（2.1）綜合排序：發(fā)布時(shí)間倒序，默認(rèn)以此排序進(jìn)行排序。

（2.2）銷(xiāo)量：月售倒序。

（2.3）附近商家：距離正序。

（3）點(diǎn)擊單個(gè)門(mén)店跳轉(zhuǎn) 06 商家詳情。

（4）詳情頁(yè)返回時(shí)需要定位到進(jìn)入詳情時(shí)的列表位置處。

（5）無(wú)數(shù)據(jù)時(shí)展示“暫無(wú)內(nèi)容”。

注：一個(gè)店會(huì)從屬多種類(lèi)型

2、當(dāng)用戶(hù)未點(diǎn)擊授權(quán)位置時(shí)，點(diǎn)擊任意地方跳轉(zhuǎn)到18我的地址。這個(gè)判斷在注冊(cè)登錄之后

3、底部導(dǎo)航購(gòu)物車(chē)上的角標(biāo)數(shù)字小程序原生上面數(shù)字無(wú)法展示，先隱藏掉

注冊(cè)登錄

1、此頁(yè)通過(guò)點(diǎn)擊首頁(yè)任意操作進(jìn)入。

2、左圖展示“短信驗(yàn)證碼登錄”樣式,未輸入信息時(shí)，“登錄”按鈕呈左圖灰色樣式，已輸入內(nèi)容呈可點(diǎn)樣式。

3、“請(qǐng)輸入手機(jī)號(hào)”字段，只能輸入11位純數(shù)字。

4、“請(qǐng)輸入驗(yàn)證碼”字段，只能輸入4位純數(shù)字。

5、點(diǎn)擊“獲取驗(yàn)證碼”按鈕，手機(jī)號(hào)做正則驗(yàn)證且對(duì)接阿里云短信接口，按鈕變帶60s不可點(diǎn)擊樣式，60s后可再次點(diǎn)擊。

6、點(diǎn)擊“登錄”按鈕，判斷當(dāng)前用戶(hù)是否授權(quán)，未授權(quán)用戶(hù)彈出“03 微信授權(quán)”，已授權(quán)用戶(hù)判斷手機(jī)號(hào)、驗(yàn)證碼正確性（手機(jī)號(hào)符合正則驗(yàn)證、驗(yàn)證碼未使用、未過(guò)期且對(duì)應(yīng)當(dāng)前手機(jī)號(hào)），判斷通過(guò)則返回上一頁(yè)，未通過(guò)則彈出系統(tǒng)提示“手機(jī)號(hào)/驗(yàn)證碼輸入有誤”。

7、“用戶(hù)協(xié)議”點(diǎn)擊跳轉(zhuǎn)整頁(yè)面富文本內(nèi)容頁(yè)，點(diǎn)擊頂部“返回”按鈕，可返回左圖頁(yè)。

微信授權(quán)

1、左圖從“任意頁(yè)面”點(diǎn)擊任意地方進(jìn)入“立即授權(quán)”

2、點(diǎn)擊“立即授權(quán)”彈出微信授權(quán)，允許授權(quán)則進(jìn)入相應(yīng)入口，拒絕授權(quán)則取消當(dāng)前浮層。

3、點(diǎn)擊“暫不授權(quán)”取消當(dāng)前浮層。

4、授權(quán)成功后，下次進(jìn)入則無(wú)需授權(quán)。

注：判斷用戶(hù)未授權(quán)時(shí)進(jìn)入

搜索

該頁(yè)面板塊分為：頂部條、歷史搜索列表、熱門(mén)搜索列表。

1、【頂部條】固定在屏幕頂部

（1）輸入框未輸入內(nèi)容時(shí)不顯示右側(cè)叉號(hào)，輸入內(nèi)容后出現(xiàn)叉號(hào)。

（2）點(diǎn)擊叉號(hào)清空所填內(nèi)容。

（3）點(diǎn)擊取消返回上級(jí)頁(yè)面。

（4）搜索框：對(duì)門(mén)店名稱(chēng)及商品名稱(chēng)進(jìn)行模糊搜索，支持回車(chē)搜索，搜索完成跳轉(zhuǎn)“05 商家列表”，并篩選出滿(mǎn)足篩選條件的門(mén)店。

2、【歷史搜索列表】展示我的歷史搜索，一次性展示，多2行10個(gè)。

（1）展示字段為內(nèi)容（1行打點(diǎn)）

（2）搜索時(shí)間倒序

（3）點(diǎn)擊單個(gè)名稱(chēng)將該名稱(chēng)自動(dòng)輸入到頂部搜索框

（4）無(wú)數(shù)據(jù)時(shí)展示“暫無(wú)搜索內(nèi)容”。

（5）點(diǎn)擊“刪除”按鈕，確認(rèn)框確認(rèn)操作，提示“確認(rèn)刪除全部歷史記錄”，確認(rèn)后清空所有歷史記錄并靜默刷新頁(yè)面。

3、【熱門(mén)搜索列表】后臺(tái)設(shè)置的熱門(mén)搜索標(biāo)簽，一次性全部展示。

（1）展示字段為內(nèi)容（超過(guò)寬度打點(diǎn)）

（2）添加時(shí)間倒序

（3）點(diǎn)擊名稱(chēng)將該名稱(chēng)自動(dòng)輸入到頂部搜索框

（4）無(wú)數(shù)據(jù)時(shí)展示“暫無(wú)搜索內(nèi)容”

商家列表+搜索商品

該頁(yè)面板塊分為：頂部條、門(mén)店列表。

1、【頂部條】固定在屏幕頂部。

對(duì)門(mén)店名稱(chēng)及商品名稱(chēng)進(jìn)行模糊搜索，支持回車(chē)搜索，搜索完成在本頁(yè)加載出結(jié)果，并篩選出滿(mǎn)足篩選條件的門(mén)店。頁(yè)面為帶搜索條件進(jìn)入時(shí)搜索框記錄搜索關(guān)鍵字。

2、【商品列表】展示符合篩選條件的門(mén)店，上滑加載更多數(shù)據(jù)，每次加載10條

（1）展示字段：封面圖、商家名稱(chēng)（1行打點(diǎn)）、評(píng)分（所有買(mǎi)家的口味與包裝的平均分）、月售（虛擬加實(shí)際）、距離（距離我當(dāng)前的位置）、所屬商圈、起送（顯示單門(mén)店時(shí)起送費(fèi)）、配送（顯示單門(mén)店到我當(dāng)前位置的費(fèi)用，x0公里以?xún)?nèi)的，支付基礎(chǔ)配送費(fèi)x1元。大于x0公里的部分按每公里x2元算。不足一公里的進(jìn)一取整）、已打烊（超出營(yíng)業(yè)時(shí)間的展示此圖片）、商品列表（字段：商品圖片、商品名稱(chēng)（超過(guò)一行打點(diǎn)）、商品價(jià)格）。

（2）排序

（2.1）綜合排序：發(fā)布時(shí)間倒序，默認(rèn)以此排序進(jìn)行排序。

（2.2）銷(xiāo)量：月售倒序。

（2.3）附近商家：距離正序。

（2.4）商圈口碑：按照門(mén)店所屬商圈的總評(píng)分進(jìn)行倒序排序。

（3）點(diǎn)擊單個(gè)門(mén)店跳轉(zhuǎn) 06 商家詳情。

（4）詳情頁(yè)返回時(shí)需要定位到進(jìn)入詳情時(shí)的列表位置處。

（5）無(wú)數(shù)據(jù)時(shí)展示“暫無(wú)內(nèi)容”。

注：一個(gè)店會(huì)從屬多種類(lèi)型

點(diǎn)餐-未添加商品

本頁(yè)包含頂部條、門(mén)店信息、商品模塊、購(gòu)物車(chē)。

1、【頂部條】：

（1）展示所選地址，沒(méi)有選擇時(shí)默認(rèn)當(dāng)前用戶(hù)所在位置，點(diǎn)擊跳轉(zhuǎn)到27 我的地址可添加與更改我的地址

（2）搜索按鈕：點(diǎn)擊后進(jìn)入“07 搜索結(jié)果”。

（3）收藏按鈕：點(diǎn)擊后收藏，再次點(diǎn)擊后取消收藏

2、【門(mén)店信息】

（1）展示字段：所屬商圈、門(mén)店名稱(chēng)、公告（一行打點(diǎn)）、圖片。

（2）點(diǎn)擊公告彈出“06-6 商家詳情-公告”浮層。

3、【商品模塊】：包含商品分類(lèi)、商品列表。

（1）點(diǎn)擊“評(píng)價(jià)”進(jìn)入“06-4 商家評(píng)價(jià)”，點(diǎn)擊“商家”進(jìn)入“06-5 商家詳情-商家”。

（2）商品分類(lèi)：固定在屏幕左側(cè)，可上下滑動(dòng)，超過(guò)固定寬度時(shí)打點(diǎn)展示。點(diǎn)擊可切換列表內(nèi)容，默認(rèn)選擇個(gè)分類(lèi)。

（3）后臺(tái)可對(duì)商品分類(lèi)進(jìn)行排序，商品上下滑動(dòng)時(shí)，商品分類(lèi)對(duì)應(yīng)切換。同一商品可以隸屬多個(gè)分類(lèi) 。

（4）列表展示字段：圖片、名稱(chēng)（兩行打點(diǎn)）、簡(jiǎn)介（一行打點(diǎn)）、月售（虛擬加實(shí)際）、重量（純字段，非必填，無(wú)功能）、配送值（后臺(tái)設(shè)置，下單時(shí)判斷所有商品配送值*數(shù)量累加，超出后臺(tái)設(shè)置的范圍彈框提示：“當(dāng)前商品配送值超出限制xx”）、現(xiàn)價(jià)、原價(jià)（非必填）、增減數(shù)量按鈕。

（5）增減數(shù)量按鈕：所選商品為0時(shí)，不展示-號(hào)，所選商品大于庫(kù)存時(shí)，彈窗提示：庫(kù)存不足（1s后自動(dòng)關(guān)閉）。

（6）商品未多規(guī)格時(shí)點(diǎn)擊“選規(guī)格”打開(kāi)“選擇規(guī)格浮層”。

（7）無(wú)規(guī)格點(diǎn)擊商品列表展開(kāi)“08 商品詳情”浮層，有規(guī)格的點(diǎn)擊商品列表展開(kāi)“09 選規(guī)格”

4、【購(gòu)物車(chē)】上半部分展示“查看所有購(gòu)物車(chē)”按鈕，點(diǎn)擊跳轉(zhuǎn)“11 所有門(mén)店購(gòu)物車(chē)”。

下半部分展示：

（1）未添加商品樣式

搜索結(jié)果-點(diǎn)餐頁(yè)

本頁(yè)包含頂部條、商品列表、購(gòu)物車(chē)。

1.【頂部條】固定在頁(yè)面頂部

搜索框提示語(yǔ)為：搜索頁(yè)搜索的關(guān)鍵詞，點(diǎn)擊后進(jìn)入“搜索頁(yè)”。

2.【商品列表】展示搜索頁(yè)搜索的結(jié)果，字段、功能同“06 點(diǎn)餐”商品列表。搜索 的商品列表無(wú)內(nèi)容時(shí)：展示無(wú)內(nèi)容樣式

選規(guī)格按鈕上的2為購(gòu)物車(chē)所有該商品的所有規(guī)格數(shù)量之和，點(diǎn)餐頁(yè)也含此功能。

3. 【購(gòu)物車(chē)】購(gòu)物車(chē)和底部導(dǎo)航功能 樣式同“06 點(diǎn)餐”。

商家詳情-菜單-點(diǎn)擊商品后

1.展示字段為：名稱(chēng)、圖片、月售、標(biāo)簽、簡(jiǎn)介、價(jià)格、原價(jià)。

2.商品詳情浮層點(diǎn)擊叉號(hào)可關(guān)閉浮層，點(diǎn)擊加入購(gòu)物車(chē)時(shí)變?yōu)椤?、-數(shù)量按量”，邏輯同商品列表。多規(guī)格時(shí)，“加入購(gòu)物車(chē)按鈕”為選規(guī)格。點(diǎn)擊后打開(kāi)選規(guī)格浮層。

選規(guī)格

1、點(diǎn)擊灰色區(qū)域關(guān)閉浮層

2、展示字段為規(guī)格組（無(wú)規(guī)格時(shí)不展示，默認(rèn)選擇每個(gè)規(guī)格組的個(gè)規(guī)格）、已選規(guī)格，“、”隔開(kāi)，單價(jià)、原價(jià)（每個(gè)規(guī)格的價(jià)格不一致）、加入購(gòu)物車(chē)按鈕

3、二級(jí)列表展示商品規(guī)格項(xiàng)和規(guī)格，過(guò)長(zhǎng)時(shí)在固定區(qū)域內(nèi)滑動(dòng)展示。所有規(guī)格項(xiàng)為單選，不支持取消選中，必填，

4、點(diǎn)擊“加入購(gòu)物車(chē)”，按鈕變?yōu)椤?、-”商品數(shù)量按鈕，且選擇數(shù)量為1，數(shù)量-到0時(shí)，恢復(fù)為“加入購(gòu)物車(chē)按鈕”。

外賣(mài)-購(gòu)物車(chē)

1、展示當(dāng)前所選所有商品的總數(shù)量、總價(jià)（不含配送費(fèi)）、配送費(fèi)（單門(mén)店配送費(fèi)）、差x元起送（已達(dá)到起送價(jià)時(shí)，為去結(jié)算按鈕，點(diǎn)擊后進(jìn)入“下單頁(yè)”）。

2、商品未營(yíng)業(yè)且不可預(yù)定時(shí)為“未營(yíng)業(yè)樣式”，且不可點(diǎn)擊。

3、已添加商品時(shí)點(diǎn)擊禮物盒圖標(biāo)打開(kāi)/收起“展開(kāi)購(gòu)物車(chē)浮層”。

4、“展開(kāi)購(gòu)物車(chē)浮層”展示字段為：商品名稱(chēng)（超過(guò)固定寬度打點(diǎn)顯示）、規(guī)格、單價(jià)、配送值。

5、購(gòu)物車(chē)浮層，點(diǎn)擊灰色區(qū)域可關(guān)閉浮層，點(diǎn)擊清空購(gòu)物車(chē)可清空購(gòu)物車(chē)，加減符號(hào)可更改商品數(shù)量，商品數(shù)量為0時(shí)，移除購(gòu)物車(chē)，所有商品數(shù)量都為0時(shí)，關(guān)閉當(dāng)前浮層。

注：底部配送值展示（當(dāng)前值/值），點(diǎn)擊問(wèn)號(hào)彈出“06-8 配送值說(shuō)明”

所有門(mén)店購(gòu)物車(chē)

1、用戶(hù)可在門(mén)店詳情將商品加入購(gòu)物車(chē)。

2、加入進(jìn)購(gòu)物車(chē)的商品可點(diǎn)擊“編輯”按鈕對(duì)商品執(zhí)行刪除操作。

3、編輯后，點(diǎn)擊“完成”回到結(jié)算狀態(tài)。

4、結(jié)算狀態(tài)時(shí)，可對(duì)“購(gòu)物車(chē)”中的商品進(jìn)行全選及結(jié)算操作。

5、操作已勾選加減數(shù)量時(shí)，商品價(jià)格不變動(dòng)，僅底部“合計(jì)”價(jià)格變。

6、庫(kù)存不足的商品結(jié)算時(shí)提示“XXX商品庫(kù)存不足啦”！

7、“一鍵結(jié)算”按鈕上的3個(gè)商家，統(tǒng)計(jì)已勾選商家數(shù)。

8、單個(gè)門(mén)店下可點(diǎn)擊結(jié)算，點(diǎn)擊后結(jié)算的是單個(gè)門(mén)店。

9、點(diǎn)擊“結(jié)算”跳轉(zhuǎn)“12 多店統(tǒng)一結(jié)算”。

10、多個(gè)門(mén)店結(jié)算時(shí)只可結(jié)算同一個(gè)商圈的

11、點(diǎn)擊進(jìn)入門(mén)店跳轉(zhuǎn)到“06 點(diǎn)餐”

12、不滿(mǎn)起送規(guī)則時(shí)點(diǎn)擊“結(jié)算”與“一鍵結(jié)算”都會(huì)彈框提示。

13、門(mén)店下所有商品下方展示該門(mén)店的三個(gè)起送價(jià)格

注：1、單門(mén)店結(jié)算按鈕，點(diǎn)擊時(shí)會(huì)判斷當(dāng)前門(mén)店內(nèi)所勾選的商品是否達(dá)