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