自由容器模塊介紹

一、功能效果

自由容器模塊內(nèi)支持添加文本、圖片、按鈕三種模塊，通過簡單拖拽，可對(duì)文本、圖片、按鈕進(jìn)行自由排列組合。通過自由容器模塊，可實(shí)現(xiàn)豐富的展示效果。

二、功能說明

【版本】無版本限制

三、設(shè)置教程

1.1 在電腦網(wǎng)站設(shè)計(jì)頁面點(diǎn)擊右側(cè)導(dǎo)航【模塊-新增模塊-排版】，添加【自由容器】模塊。

1.2 按需求添加文本、圖片、按鈕模塊至【自由容器】模塊中，此處以添加文本和圖片模塊為例。

1.3 文本模塊添加至自由容器中后，需要雙擊文本模塊輸入內(nèi)容。輸入文本后，支持編輯文本樣式，包括字體、字號(hào)、顏色、加粗、斜體等等。

1.4 同理，圖片模塊添加至自由容器后，也需要點(diǎn)擊圖片模塊上傳圖片。支持點(diǎn)擊【直接上傳】上傳本地圖片，也支持從【圖片庫】選擇素材圖片添加。

（如果添加圖片后顯示不全，可雙擊自由容器模塊內(nèi)的空白區(qū)域，在左側(cè)彈出面板中，點(diǎn)擊“恢復(fù)默認(rèn)”按鈕，即可讓圖片在自由容器模塊內(nèi)完整顯示。）

1.5 添加了圖片后，接下來調(diào)整圖片的大小和位置。

鼠標(biāo)移動(dòng)到圖片上，按住圖片右上角（或任意一個(gè)角）的點(diǎn)進(jìn)行拖動(dòng)，即可調(diào)整圖片的大小，通過這種方式可保持原圖片的寬高比例。

拖動(dòng)圖片時(shí)，會(huì)出現(xiàn)自動(dòng)參考線，方便對(duì)齊圖片位置和大小。

注：自由容器內(nèi)支持按住鼠標(biāo)左鍵圈選多個(gè)圖片（或文本、按鈕）進(jìn)行對(duì)齊、分布、復(fù)制、刪除操作。

1.6 文本的大小和位置調(diào)整方法類似。

鼠標(biāo)按住文本模塊可進(jìn)行拖動(dòng)，調(diào)整位置。

鼠標(biāo)雙擊文本模塊，或是點(diǎn)擊“編輯文本”按鈕，可修改文本字號(hào)大小。

注：自由容器內(nèi)支持按住鼠標(biāo)左鍵圈選多個(gè)文本（或圖片、按鈕）進(jìn)行對(duì)齊、分布、復(fù)制、刪除操作。

1.7 還可以雙擊自由容器內(nèi)的空白區(qū)域，在左側(cè)彈出面板中點(diǎn)擊“常規(guī)-隱藏標(biāo)題欄”，即可實(shí)現(xiàn)與教程開頭類似的效果。