專題自定義控件2

7、自定義內容

專題自定義控件2 - 高級控件

自定義內容控件-內容正文


專題自定義控件2 - 高級控件

自定義內容控件-更多設置

8、輪播圖

專題自定義控件2 - 高級控件

輪播圖控件-添加圖片


專題自定義控件2 - 高級控件

輪播圖控件-樣式設置

9、搜索欄

  • 輸入搜索關鍵字,跳轉到搜索列表
專題自定義控件2 - 高級控件

搜索欄控件

10、圖片列表

  • 顯示上傳的多張圖片
專題自定義控件2 - 高級控件

圖片列表控件-基本設置


專題自定義控件2 - 高級控件

圖片列表控件-圖片樣式設置


專題自定義控件2 - 高級控件

圖片列表控件-文字樣式設置


專題自定義控件2 - 高級控件

圖片列表控件-更多樣式設置


專題自定義控件2 - 高級控件

圖片列表1


專題自定義控件2 - 高級控件

圖片列表2

11、商品列表

  • 顯示勾選中的商品
專題自定義控件2 - 高級控件

商品列表控件


專題自定義控件2 - 高級控件

商品列表控件-添加商品


專題自定義控件2 - 高級控件

商品列表控件-樣式設置


專題自定義控件2 - 高級控件

商品列表控件-更多樣式設置


專題自定義控件2 - 高級控件

商品列表

12、分類選項卡

  • 一個專題只能放一個分類選項卡,都是放在頁面的底部
  • 根據勾選的商品分類,調用接口,顯示具體的商品數據
  • 頁面下拉到底部時,自動加載下一頁數據
專題自定義控件2 - 高級控件

分類選項卡控件


專題自定義控件2 - 高級控件

分類選項卡控件-基本樣式設置


專題自定義控件2 - 高級控件

分類選項卡控件-商品樣式設置


專題自定義控件2 - 高級控件

分類選選項卡控件-更多樣式設置


專題自定義控件2 - 高級控件

分類選項卡1


專題自定義控件2 - 高級控件

分類選項卡2

13、商品選項卡

專題自定義控件2 - 高級控件

商品選項卡控件


專題自定義控件2 - 高級控件

商品選項卡控件-基本樣式設置


專題自定義控件2 - 高級控件

商品選項卡控件-商品樣式設置


專題自定義控件2 - 高級控件

商品選項卡控件-更多樣式設置


專題自定義控件2 - 高級控件

商品選項卡-傳統風格


專題自定義控件2 - 高級控件

商品選項卡-海報風格


專題自定義控件2 - 高級控件

商品選項卡-圖文風格

14、限時特惠

  • 通過接口讀取當前進行的限時特惠數據,展示給用戶,根據商城具體的活動類型,可以自定義更多的活動組件。
專題自定義控件2 - 高級控件

限時特惠控件


專題自定義控件2 - 高級控件

限時特惠控件-樣式設置


分享到:


相關文章: