網(wǎng)站提供了內(nèi)置的文章、產(chǎn)品、商品等動態(tài)列表版塊及元素，可以修改樣式設(shè)置來進(jìn)行樣式微調(diào)，如果內(nèi)置效果無法滿足需求應(yīng)該怎么辦呢？不用急，使用自由列表可以輕松定制個性化的動態(tài)列表效果。

自由列表可以使用拖拽來實(shí)時調(diào)整動態(tài)列表的樣式，并且可以增加元素來對列表進(jìn)行裝飾。例如設(shè)計如下一個文章列表：

首先需要拖拽一個示例自由列表元素到頁面中，自由列表默認(rèn)綁定的是文章，您可以在設(shè)置里綁定產(chǎn)品、商品、預(yù)約、文件等動態(tài)數(shù)據(jù)

自由列表里的元素例如文章標(biāo)題、詳情等就是用來設(shè)計動態(tài)數(shù)據(jù)列表項的，除此之外您也可以添加其他普通元素例如容器、圖片、圖形、線條等美化列表設(shè)計。

自由列表拖入到頁面中后有個默認(rèn)的示例設(shè)計，因為需要設(shè)計上圖的日歷樣式，因此需要調(diào)整列表項的設(shè)計。選中自由列表列表項里面的元素，例如需要刪除列表主圖，復(fù)制2個日期元素，然后移動跳轉(zhuǎn)標(biāo)題和簡介的位置等，另外還需要添加一個線條元素到列表項中以完善設(shè)計：

為了實(shí)現(xiàn)日期效果，需要對兩個日期元素進(jìn)行樣式設(shè)置，選擇對應(yīng)的日期格式化設(shè)置，并且對樣式設(shè)置中對字體和顏色進(jìn)行調(diào)整：

另外需要在自由列表整體樣式和設(shè)置中調(diào)整行間距和列表項背景色等，稍微調(diào)整之后就完成個性化的文章列表設(shè)計啦！

默認(rèn)自由列表是縱向的動態(tài)列表，有沒有橫向輪播模式的列表項呢？只需要在自由列表整體設(shè)置中將布局模式設(shè)置成輪播即可：

設(shè)置成輪播模式后，默認(rèn)只有一列，您可以先編輯好輪播項元素位置和樣式，再將列表設(shè)置多列，稍加調(diào)整便可以實(shí)現(xiàn)類似橫向自動輪播自由列表

自由列表還有一些高級功能，例如搭配元素的顯示條件來設(shè)計更加豐富的列表效果，趕緊試試吧~