內(nèi)置版塊是系統(tǒng)預置的支持響應式的分類樣式版塊,版塊已經(jīng)具備較為固定的設(shè)計風格,提供了相應的界面數(shù)據(jù)和樣式設(shè)置,主要通過設(shè)置面板即可完成內(nèi)置版塊的設(shè)計操作。內(nèi)置版塊按不同的使用場景和類型進行分類,不同分類的版塊可以直接切換設(shè)計,切換后依舊保持數(shù)據(jù)不變。例如版塊標題、副標題、列表項等,在切換設(shè)計之后不需要重新設(shè)置。
1 版塊工具欄說明
切換設(shè)計是版塊最常見的操作,如果當前內(nèi)置版塊效果不適合,則可以考慮切換設(shè)計來查看其他效果:
其他工具欄功能說明如下:
- 上下箭頭: 上下移動版塊
- 版塊設(shè)置:打開版塊設(shè)置面板,也可以在空白處點擊版塊在鼠標位置設(shè)置按鈕里打開
- 復制:復制版塊
- 修復布局:取消自定義拖拽版塊組件移動的位置
- 填充示例數(shù)據(jù):填充默認數(shù)據(jù)
- 設(shè)為全局版塊:將當前版塊添加到全局版塊里方便復用
- 轉(zhuǎn)成普通版塊:將當前版塊脫離全局版塊變成普通版塊方便自定義修改
- 刪除:刪除當前版塊
2 版塊背景與設(shè)置
點擊版塊空白區(qū)域,鼠標附近會顯示背景和設(shè)置按鈕,點擊即可快速設(shè)置版塊背景或者打開版塊設(shè)置面板。背景包括純色、漸變、視頻、圖片等方式,使用純色背景時還可以添加波浪背景動畫裝飾效果。在輪播大圖等位置可以合理使用視頻背景來增強品牌效果,但是視頻會影響頁面總體加載時間,不要過度使用。
3 版塊自定義樣式
在樣式設(shè)置里可以對版塊樣式進行調(diào)整,例如一些動態(tài)列表版塊支持對標題、副標題等主要字段的字體和對齊方式進行調(diào)整,一般移動端可能需要調(diào)整顯示列數(shù)及字體等。