|
滾屏網(wǎng)站上線啦~看到這個升級的時候可能會很納悶這是什么樣的功能呢?能實(shí)現(xiàn)什么樣的效果呢? 那么先讓我們看一下制作出來的效果吧~ 每個行占據(jù)一整屏幕,每次滾動就是一行;這么高大上的效果,一起來學(xué)習(xí)一下是怎么操作的吧~ 首先添加一個全屏通欄模塊,“設(shè)計(jì)”->“通欄”->“空白底板”-“全屏通欄”(頁面中可添加多個“全屏通欄”) 該模塊可添加到網(wǎng)站中所有可編輯的頁面中,在通欄中拖拽好模塊后保存看滾屏效果 為了更好的配合實(shí)現(xiàn)整屏滾動效果,我們增加了“滾屏控件”,先添加“全屏通欄”后再添加“滾屏控件”,滾屏控件不可單獨(dú)使用,僅支持在首頁和空白頁添加,每個頁面只能添加一個“滾屏控件”如果您想切換風(fēng)格,刪掉老的重新添加即可 “設(shè)計(jì)”->“組件”->“滾屏控件”:有4種常見風(fēng)格可供選擇 添加到頁面中后也是可以調(diào)整控件樣式的 位置:“不固定位置”您可以隨意拖動在屏幕上的位置;“固定位置”我們提供了9個位置供您選擇 項(xiàng)間距設(shè)置:每個按鈕之間的距離 項(xiàng)大小:按鈕大小 背景:按鈕背景顏色 讓您的網(wǎng)站每一屏都是一個精彩的展示。 本期升級外加一個小彩蛋 通欄模塊再在設(shè)置背景圖片的時候增加了圖片背景尺寸,為用戶提供了上傳的圖片如何撐滿整屏方式 最大寬高比:把圖片窄的一邊進(jìn)行拉伸直至寬高都充滿整個行顯示,效果如下圖 最小寬高比:按照圖片窄的一邊完全顯示,保證圖片高度完全展示,效果如下圖 自定義:可這是您圖片占屏幕的百分比,效果如下圖設(shè)置寬高均為100% 同時我們上線了三套滾屏模板供您選擇~ |