如何編輯組件的樣式（編輯樣式）？如何設(shè)置某一塊內(nèi)容的背景、邊框、邊距、文字樣式？

編輯樣式為組件通用功能，即幾乎每個組件都是有“編輯樣式”這個功能的。

如何進(jìn)入組件的“編輯樣式”功能？

把鼠標(biāo)移到這塊內(nèi)容（這個組件）所在的區(qū)域上，在這個區(qū)域的左上角或右上角或左下角或右下角即四角區(qū)域，出現(xiàn)組件名稱及一排操作按鈕，找到“編輯樣式”圖標(biāo) ，單擊該圖片即可進(jìn)入組件的“編輯樣式”功能。

什么是組件全局、標(biāo)題欄、內(nèi)容區(qū)？

點(diǎn)擊“編輯樣式”圖標(biāo)彈出編輯樣式的彈出層，可分別對組件全局、標(biāo)題欄、內(nèi)容區(qū)進(jìn)行樣式編輯，當(dāng)組件標(biāo)題為空時，則不顯示組件標(biāo)題，樣式編輯器中就沒有“標(biāo)題欄”這個頁簽，同理如果組件內(nèi)容區(qū)為空，則樣式編輯器中沒有“內(nèi)容區(qū)”這個頁簽。點(diǎn)擊該圖標(biāo)彈出編輯樣式的彈出層，可分別對組件全局、標(biāo)題欄、內(nèi)容區(qū)進(jìn)行樣式編輯，當(dāng)組件標(biāo)題為空時，則不顯示組件標(biāo)題，這里就沒有“標(biāo)題欄”這個頁簽，同理如果組件內(nèi)容區(qū)為空，則沒有“內(nèi)容區(qū)”這個頁簽。以文章分類組件為例做介紹：

1、組件全局
      
組件全局頁簽下包含組件尺寸、組件背景、組件邊框、組件邊距。

如何調(diào)整組件的高度？手機(jī)端或Pad端出現(xiàn)內(nèi)容被遮擋或留白情況，怎么辦？
組件尺寸：可以設(shè)置組件的高度，一般清情況下都使用自適應(yīng)的高度，若固定高度可能會導(dǎo)致不同終端下出現(xiàn)模塊被遮擋、留白等情況，此功能請謹(jǐn)慎使用（手機(jī)端或PAD端出現(xiàn)模塊被遮擋或留白情況，請首先檢查是否是設(shè)置了高度所致）；



如何給一塊內(nèi)容添加背景？如何給組件加背景？如何修改背景？
組件背景：可以給這個組件添加顏色背景或圖片背景，也可以選擇背景圖片的平鋪模式、平鋪位置、背景尺寸，不同的選擇可以有不同的展示效果，可以分別點(diǎn)一下試一下哦。




如何給一塊內(nèi)容添加邊框？如何給組件加邊框？

組件邊框：在這里可以設(shè)置組件邊框的顏色、樣式（實(shí)線、虛線、雙實(shí)線、點(diǎn)）、邊框的粗細(xì)、邊框的圓角。




什么是組件內(nèi)邊距？什么是組件外邊距？如何設(shè)置組件邊距？

組件邊距：在這里可以設(shè)置組件的內(nèi)邊距和外邊距，內(nèi)邊距和外邊距是如何定義的，請看下圖。

設(shè)置邊距時請考慮對手機(jī)端或pad端的影響，建議左右邊距設(shè)置同樣的距離最好不超過50px，上下也設(shè)置同樣的距離，這個距離到pad或手機(jī)是不會等比縮小的，如果邊距設(shè)置的比較大，到手機(jī)上有效內(nèi)容占的空間比較小，很不美觀。



2、標(biāo)題欄

如何設(shè)置組件的標(biāo)題欄？如何設(shè)置組件標(biāo)題欄文字的大??？

標(biāo)題欄設(shè)置：可以單獨(dú)對標(biāo)題欄進(jìn)行設(shè)置，可以選擇顯示或隱藏標(biāo)題欄、可以設(shè)置標(biāo)題欄的高度、背景、文字、邊框、邊距。如下圖所示：




3、內(nèi)容區(qū)

如何設(shè)置組件內(nèi)容區(qū)的背景/文字/邊框/邊距？

可以給組件內(nèi)容區(qū)添加顏色背景或圖片背景、可以設(shè)置內(nèi)容區(qū)非鏈接文字或帶鏈接文字的字體/大小/間距/行高/對齊方式/字體樣式等、可以設(shè)置內(nèi)容區(qū)的邊框和內(nèi)容區(qū)的邊距。

設(shè)置好以上內(nèi)容以后，若要同步到網(wǎng)站前臺，需要點(diǎn)頁面上的“發(fā)布”按鈕才可以。