支付寶小程序 行業(yè)·門店商場

門店商城小程序覆蓋了線下門店在線上商城經(jīng)營時的各種場景，支持線上商城裝修、門店商品展示、商品搜索、商品詳情頁、商品下單、購物車結(jié)算、會員系統(tǒng)、查詢訂單等功能。

使用說明

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

• 開發(fā)提效工具與資源

• 術(shù)語庫

開發(fā) > 開發(fā)入門 > 快速示例 > 小程序快速示例 > 行業(yè) > 門店商城小程序

門店商城小程序

獲取模板

門店商城小程序覆蓋了線下門店在線上商城經(jīng)營時的各種場景，支持線上商城裝修、門店商品展示、商品搜索、商品詳情頁、商品下單、購物車結(jié)算、會員系統(tǒng)、查詢訂單等功能。

使用說明

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

前提條件

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

使用步驟 ??

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

頁面內(nèi)容

本項(xiàng)目共包含七個頁面，分別是：商城首頁、購物車、個人中心、商品分類、商品搜索、訂單列表、卡片管理頁面。

1. 商城首頁

頁面路徑：pages/index

• 最近門店定位引導(dǎo)。
• 門店商品搜索跳轉(zhuǎn)。
• 門店商品列表展示。

2. 購物車

頁面路徑：pages/shopping-cart

• 購物車商品展示。
• 商品結(jié)算。

3. 個人中心

頁面路徑：pages/my

• 會員信息活動展示。
• 訂單優(yōu)惠券入口。

4. 商品分類

頁面路徑：pages/category

分類展示商品信息。

5. 商品搜索

頁面路徑：pages/search

商品搜索功能頁面。

6. 訂單列表

頁面路徑：pages/my-order

歷史訂單列表與訂單狀態(tài)展示。

7. 卡片管理頁面

頁面路徑：pages/my-ticket

優(yōu)惠券列表展示。

自定義UI組件

1. 分類面包屑導(dǎo)航

頁面路徑：components/category-nav

通用跳轉(zhuǎn)分類頁面導(dǎo)航入口組件。

2. 商品搜索組件

頁面路徑：components/search

商品搜索功能通用樣式組件。

框架服務(wù)

mini-antui