1、首頁

輪播圖（單商品、活動商品、其他推廣）

搜索引導按鈕 （限時搶購、推薦商品、新品、熱賣和都是以滑動切換形式、顯示格式和總數可變動）、一般商品

底部導航（首頁、分類、購物車、我的）

2、活動商品頁

篩選（綜合、銷量、價格）、推廣圖片（單圖banner）、活動商品

3、搜索頁

輸入搜索關鍵字、搜索按鈕、關鍵詞提示

4、搜索內容頁

篩選（綜合、銷量、價格）

商品列表

5、分類頁

分類類目（2級 左）

分類商品 （右）

6、商品詳情頁

導航欄（商品、評論）

商品圖片（相冊切換）

商品名稱、價格、市場價（劃掉）銷量、庫存、收藏狀態

活動價格 名稱 時間 （是活動商品才有）

選擇屬性規格數量（點擊彈出選擇屬性窗 商品圖片 名稱 價格 庫存 數量 關閉屬性窗按鈕）

商品評論欄（好評率、評論人數）

商品最近的兩條評論

推薦商品

選購欄（收藏狀態、購物車、加入購物車、購買）

轉發功能（默認在小程序右上角彈出窗，攜帶轉發者id）

7、商品詳情頁-評價

詳情-評價切換欄

評價等級欄（全部、好評、中評差評、有圖）

評價內容（評價人頭像 昵稱 內容 評價等級 圖片等）

8、購物車

購物車列表（是否被選中、商品圖片、名稱、價格、數量[可增減]、移出購物車按鈕

）

結算欄（全選按鈕、合計、結算按鈕）

底部導航欄

9、確認訂單

地址欄（姓名、電話號碼、詳細地址，點擊可更換默認地址）

訂單商品欄

余額、積分、優惠券使用

留言

費用列表（訂單總額、配送費、余額、積分、優惠券）

應付金額 提交按鈕

10、支付頁

訂單號、應付金額、支付方式、支付按鈕

個人中心

11、我的

個人信息 （頭像、昵稱）

我的收藏、領券中心

我的訂單

資金管理、余額、積分、優惠券、

我的分銷、我的粉絲、二維碼、綁定手機

地址管理

12、我的收藏

商品收藏列表 （商品圖片、名稱、價格 可移除）

13、領券中心

優惠券列表 （優惠券名稱 使用條件 券值 包括領取按鈕）

14、我的粉絲

粉絲列表（昵稱、頭像）

15、二維碼

生成自己的推薦小程序碼 用于推廣 吸引粉絲

16、綁定手機

17、我的訂單

訂單狀態欄（全部、待付款、待發貨、待收貨、待評價）

訂單列表（訂單號、訂單商品參數、總價、訂單狀態對應顯示按鈕）

18、訂單詳情頁

配送信息（配送方式、收貨人姓名、聯系電話、詳細地址、支付狀態）

購物清單（訂單商品詳情、數量、費用）

訂單號、訂單狀態對應顯示按鈕

19、待評價商品

待評價商品列表 評價按鈕

20、商品評價

商品詳情、輸入商品評價內容框、匿名按鈕、添加圖片、評價打星、提交按鈕

21、資金管理

可用余額

充值、提現 余額明細 積分明細 充值記錄 提現記錄 等跳轉欄

22、充值

當前余額 充值金額 輸入欄 充值方式 留言欄 提交按鈕

23、提現

提現金額

銀行賬戶（如 中國銀行 支付寶 微信）

收款賬號

開戶號（持卡人姓名）

24、賬戶明細

充值、提現、消費、獎勵等資金變動明細

25、地址管理

地址列表 一鍵設置默認地址 刪除地址 編輯地址 添加地址

26、添加/編輯地址

可編輯收貨人 手機號碼 所在地區 詳細地址 默認地址 提交

商品

• 首頁

• 活動商品頁

• 搜索頁

• 搜索內容頁

• 分類頁

• 商品詳情頁

• 商品詳情頁-評價

• 購物車

• 確認訂單

• 支付頁

個人中心

• 我的

• 我的收藏

• 領券中心

• 我的粉絲

• 二維碼

• 綁定手機

• 我的訂單

• 訂單詳情頁

• 待評價商品

• 商品評價

• 資金管理

• 充值

• 提現

• 賬戶明細

• 地址管理

• 添加/編輯地址