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