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

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

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

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

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

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

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

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

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

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