支付寶小程序 行業(yè)·智能售貨柜小程序模板

提供智能售貨柜小程序模板源碼，包含了會員注冊\登陸、代扣授權(quán)、掃碼開門、支付結(jié)算、優(yōu)惠券等功能。?

使用說明

• 本示例為純客戶端代碼，可直接在模擬器和在真機(jī)預(yù)覽 。
• 部分頁面暫不支持調(diào)試，如遇此類不支持頁面，請?jiān)?web IDE > 模擬器 > 頁面路徑，切換頁面使用。
• 更多使用詳情請參見 代碼市場。

前提條件

• 完成 開發(fā)者入駐 與 小程序創(chuàng)建。
• 安裝最新版 IDE，點(diǎn)擊下載。

使用步驟 ??

1. 下載 文件包 。
2. 打開 IDE 相關(guān)的內(nèi)容目錄，關(guān)聯(lián)已有 APPID。
3. 通過 IDE 真機(jī)預(yù)覽 。

頁面內(nèi)容

本項(xiàng)目包括的頁面數(shù)量為 11 個(gè)，分別是：首頁、先享后付首頁、優(yōu)惠券頁面、附近設(shè)備展示、登錄注冊頁面、個(gè)人中心、我的訂單、訂單詳情、訂單完結(jié)、故障報(bào)修、掃碼支付等待頁面。

1. 首頁

頁面路徑：pages/index

包含先享后付和先付后享兩個(gè)行動點(diǎn)。

2. 先享后付首頁

頁面路徑：pages/home

• 優(yōu)選推薦模塊
• 掃一掃功能模塊
• 搜索附近設(shè)備模塊

3. 優(yōu)惠券頁面

頁面路徑：pages/coupon

已使用/未使用兩個(gè) tab 優(yōu)惠券列表。

4. 附近設(shè)備展示

頁面路徑：pages/near

• 設(shè)備地圖定位功能
• 附近設(shè)備信息列表

5. 登錄注冊頁面

頁面路徑：pages/registeLogin

登錄注冊功能。

6. 個(gè)人中心

頁面路徑：pages/registeLogin

• 個(gè)人信息展示
• 其它行動點(diǎn)列表

7. 我的訂單

頁面路徑：pages/myOrder

我的訂單列表。

8. 訂單詳情

頁面路徑：pages/orderDetails

訂單詳情信息。

9. 訂單完結(jié)

頁面路徑：pages/myOrder

訂單支付結(jié)果頁,包含訂單信息, 優(yōu)惠券,實(shí)付金額, 備注等展示功能。

10. 故障報(bào)修

頁面路徑：pages/myOrder

• 常用故障列表展示
• 故障信息提交
• 聯(lián)系客服行動點(diǎn)

11. 掃碼支付等待頁面

頁面路徑：pages/openDoor

• 等待狀態(tài)展示
• 支付成功與失敗等后續(xù)行動點(diǎn)展示

自定義 UI 組件

1. 優(yōu)選推薦

頁面路徑：module/good-list

優(yōu)選貨品推薦展示列表組件。

2. 已選商品展示

頁面路徑：module/good-show

可展示商品詳情、金額合計(jì)。

3. 移動端登錄框

頁面路徑：module/login-form。

可實(shí)現(xiàn)手機(jī)驗(yàn)證碼登錄功能。