列表主要作用為展示后臺上傳的文章、產品、文件。列表分為文章列表、產品列表和文件列表，本文介紹如何添加列表控件、如何設置列表控件。

背景信息

文章顯示流程圖 上圖為設計文章/產品的全流程，使用列表控件展示文章一共需三步。
  1. 新增/導入文章：請參見文章管理。
  2. 添加并設置列表控件：本篇文章有講解。
  3. 設計詳情頁：請參見詳情頁相關控件。

添加列表控件

單擊資源區中的內容 > 文章列表/產品列表/文件列表，選擇展示樣式，即可添加成功。

設置文章列表

單擊下圖所示的設置按鈕，可彈出快速設置面板，用于設置文章列表的樣式、數據、動效、排列。 文章列表2.1
說明 如需了解新增/上傳文章操作請參見文章管理，產品類似，不再贅述。
  • 樣式：設置默認樣式和懸停樣式。
  • 數據：單擊選擇可設置列表中的文章、設計文章詳情頁、選擇頁面打開方式。
  • 動效：設置動畫效果。
  • 排列：設置文章列表的尺寸和位置。

一鍵鎖定位置

選中列表控件時，單擊像鎖一樣的圖標按鈕，可鎖定當前位置。

刪除當前控件

選中列表控件時，單擊像廢紙簍一樣的圖標按鈕，可刪除此控件。