【教育系統(tǒng)】通欄排版模塊介紹

一、功能效果

通欄介紹

通欄是承載模塊的容器，模塊被放置在通欄之中：模塊可任意擺放，同時具備自由塊的特質(zhì)。

通欄默認(rèn)帶有左右內(nèi)邊距（不同屏幕分辨率的左右內(nèi)邊距數(shù)值不同），內(nèi)邊距可調(diào)節(jié)。

可實(shí)現(xiàn)效果

可添加全屏背景，實(shí)現(xiàn)與橫幅類似效果。不受區(qū)域?qū)挾扔绊憽?/p>

二、功能說明

【版本】初級版及以上版本

三、設(shè)置教程

1. 添加模板

在網(wǎng)站設(shè)計(jì)頁面點(diǎn)擊左側(cè)導(dǎo)航【模塊-排版】，添加【通欄排版】模塊。如下圖：

2. 設(shè)計(jì)通欄

添加通欄排版模塊后點(diǎn)擊【編輯通欄】按鈕，進(jìn)入設(shè)置通欄模塊。

2.1 內(nèi)容寬度

兩種寬度可選。

適應(yīng)寬度：電腦瀏覽器窗口小于1200px寬再做內(nèi)容擠壓適應(yīng)，適合通欄窄屏設(shè)計(jì)。

2.2 設(shè)計(jì)

背景：通欄背景默認(rèn)無底色，可點(diǎn)擊通欄背景自定義，給通欄設(shè)置背景色，或設(shè)置圖片背景。

邊框：默認(rèn)為無邊框，可自定義邊框，設(shè)置邊框樣式、位置、顏色。

陰影：設(shè)置通欄陰影是否顯示。

2.3 間距

支持自定義內(nèi)邊距。如下圖：

3. 編輯通欄

3.1 新增列

點(diǎn)擊【新增列】可在通欄中添加多一列，上限支持添加4列。此時添加的為空白列。

3.2 復(fù)制列

選中已有列后可復(fù)制該列內(nèi)容為新的一列。此時添加的列是已經(jīng)復(fù)制了內(nèi)容的。

3.3 當(dāng)前列設(shè)計(jì)

背景：選中列后可為該列設(shè)置背景（支持顏色填充或圖片填充）。

邊框：默認(rèn)為無邊框，可為該列自定義設(shè)置邊框。

陰影：默認(rèn)為隱藏陰影，可設(shè)置顯示陰影。

4. 添加模塊

根據(jù)個人需求，在通欄里添加模塊編輯內(nèi)容即可。

通欄模塊結(jié)合通過文本、圖片模塊即可做出下圖炫酷效果。