許多網(wǎng)站首頁都會添加輪播圖版塊,平臺輪播圖包含內(nèi)置版塊輪播和輪播元素兩種。
1 內(nèi)置版塊輪播
內(nèi)置版塊輪播主要是通欄輪播,每個輪播幀同時是容器,支持拖入文本、區(qū)塊等元素進去進行裝飾設計。例如通用輪播版塊

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

輪播的高度可以通過右下角推動按鈕快速調(diào)整,或者在版塊設置里進行高度設置。如果沒有這個按鈕,則說明高度無法調(diào)整(例如響應式輪播或者全屏輪播)。

如果使用元素對輪播進行裝飾,建議刪除輪播幀里面的所有子項數(shù)據(jù),例如標題、小標題、簡介等,不要使用內(nèi)置標題字段與自由元素進行混搭設計,否則不同的分辨率下會出現(xiàn)位移情況。
輪播的樣式設置里可以對箭頭、指示點、是否自動輪播、切換動畫等進行樣式設置,選中輪播版塊后點擊工具欄中設置按鈕進入版塊設置。
響應式輪播
部分純圖片輪播不希望圖片被裁切且支持在任意分辨率下通欄展示圖片則需要使用響應式輪播,內(nèi)置版塊里包含一個響應式輪播,需要所有圖片使用統(tǒng)一分辨率,并且設置圖片的分辨率到版塊樣式設置里。


除此之外還有全屏輪播(高度自動是屏幕高度)、非通欄輪播(寬度是內(nèi)容區(qū)寬度)等。
2 輪播元素
輪播元素屬于自由元素,本身也是一個容器,每幀可以自由設計,拖拽到頁面中進行自由設計即可,輪播幀如果不設置背景,則可以實現(xiàn)純元素的整屏滾動輪播。
