許多網(wǎng)站首頁(yè)都會(huì)添加輪播圖版塊，平臺(tái)輪播圖包含內(nèi)置版塊輪播和輪播元素兩種。

1 內(nèi)置版塊輪播

內(nèi)置版塊輪播主要是通欄輪播，每個(gè)輪播幀同時(shí)是容器，支持拖入文本、區(qū)塊等元素進(jìn)去進(jìn)行裝飾設(shè)計(jì)。例如通用輪播版塊

添加進(jìn)來(lái)后需要對(duì)每幀進(jìn)行設(shè)計(jì)，可以填充圖片、視頻或者漸變顏色等。一般主要是背景圖片為主，圖片需要注意填充模式，不同的填充模式展示效果不一樣，例如默認(rèn)的填充模式是圖片等比例充滿背景，不同的分辨率將會(huì)自動(dòng)進(jìn)行裁切。其他兩種模式可以試用查看差異。

輪播的高度可以通過(guò)右下角推動(dòng)按鈕快速調(diào)整，或者在版塊設(shè)置里進(jìn)行高度設(shè)置。如果沒(méi)有這個(gè)按鈕，則說(shuō)明高度無(wú)法調(diào)整(例如響應(yīng)式輪播或者全屏輪播)。

如果使用元素對(duì)輪播進(jìn)行裝飾，建議刪除輪播幀里面的所有子項(xiàng)數(shù)據(jù)，例如標(biāo)題、小標(biāo)題、簡(jiǎn)介等，不要使用內(nèi)置標(biāo)題字段與自由元素進(jìn)行混搭設(shè)計(jì)，否則不同的分辨率下會(huì)出現(xiàn)位移情況。

輪播的樣式設(shè)置里可以對(duì)箭頭、指示點(diǎn)、是否自動(dòng)輪播、切換動(dòng)畫(huà)等進(jìn)行樣式設(shè)置，選中輪播版塊后點(diǎn)擊工具欄中設(shè)置按鈕進(jìn)入版塊設(shè)置。

響應(yīng)式輪播

部分純圖片輪播不希望圖片被裁切且支持在任意分辨率下通欄展示圖片則需要使用響應(yīng)式輪播，內(nèi)置版塊里包含一個(gè)響應(yīng)式輪播，需要所有圖片使用統(tǒng)一分辨率，并且設(shè)置圖片的分辨率到版塊樣式設(shè)置里。

除此之外還有全屏輪播(高度自動(dòng)是屏幕高度)、非通欄輪播(寬度是內(nèi)容區(qū)寬度)等。

2 輪播元素

輪播元素屬于自由元素，本身也是一個(gè)容器，每幀可以自由設(shè)計(jì)，拖拽到頁(yè)面中進(jìn)行自由設(shè)計(jì)即可，輪播幀如果不設(shè)置背景，則可以實(shí)現(xiàn)純?cè)氐恼翝L動(dòng)輪播。