一、什么是占位符組件？

占位符組件是在頁面上實(shí)現(xiàn)顯示一塊空白的模塊，通過添加一塊空白的高度或?qū)挾葋碚嘉?，?shí)現(xiàn)模塊與模塊之間有一定高度或?qū)挾鹊拈g距，而不是緊貼著連在一起，占位符在制作頁面時(shí)的應(yīng)用比較靈活（高度占位用的比較多，寬度占位用的比較少）。

二、占位符組件的應(yīng)用場景主要有哪些？

占位符組件的應(yīng)用很廣泛，在制作頁面時(shí)的應(yīng)用也比較靈活。
比如：當(dāng)一行中有多個(gè)列，每個(gè)列的內(nèi)容高度不一樣時(shí)，可以通過添加占位符組件來占位，達(dá)到排版上的美觀性和一致性。再比如：兩行內(nèi)容（這兩行使用兩個(gè)不同的組件來實(shí)現(xiàn)的）之間的距離太近時(shí)需要使用占位符組件來占位以便更美觀。
同時(shí)添加占位符組件，相比在組件中設(shè)置組件的上下邊距，有一個(gè)額外的優(yōu)勢：占位符組件支持在不同設(shè)備上（PC端、Pad端、手機(jī)端）設(shè)置不同的高度，從而達(dá)到兼顧PC端、Pad端、手機(jī)端等多終端展示的效果。
占位符組件應(yīng)用效果舉例：通過占位符組件使得兩部分內(nèi)容間距變大。

三、如何使用占位符組件？

1、如何添加占位符組件？

在頁面上添加組件的方法都是一樣的，如何添加占位符組件？方法請參考此圖文幫助如何添加組件？
添加的組件名稱為“占位符”，如下圖所示：

2、如何設(shè)置占位符在不同設(shè)備上的高度？

1）如何調(diào)整占位符在PC端的高度？

PC端占位符的高度，可以把鼠標(biāo)放到占位符的下邊緣線上下晃動找到下圖所示標(biāo)志，然后往上或往下拖動即可調(diào)整占位符的高度。PC端占位符的最小高度為10px，最大沒有做限制。

2）如何設(shè)置占位符在PAD、手機(jī)端的高度？

第一步：把鼠標(biāo)放到添加的占位符的位置，在占位符區(qū)域左上角會出現(xiàn)組件名稱“占位符”，單擊第一個(gè)按鈕即“設(shè)置”，彈出“設(shè)置占位符 ”窗口；

第二步：在彈出的設(shè)置占位符窗口，可以滑動按鈕調(diào)節(jié)占位符高度，也可以直接在后方矩形方框內(nèi)輸入數(shù)值來改變占位符高度。支持設(shè)置PAD橫屏、PAD豎屏、手機(jī)橫屏、手機(jī)豎屏上占位符的高度（高度區(qū)間0~100px），以便達(dá)到排版美觀的效果。設(shè)置好之后單擊“保存”；

3、如何設(shè)置占位符組件的背景顏色或背景圖片？

通過占位符組件的編輯樣式功能，可以給占位符組件設(shè)置背景顏色或設(shè)置背景圖片，操作入口如下圖所示：
第1步：把鼠標(biāo)放到添加的占位符的位置，在占位符區(qū)域左上角會出現(xiàn)組件名稱“占位符”，單擊第二個(gè)按鈕即“編輯樣式”；

第二步：在“組件全局”頁簽下，單擊“組件背景”--》自定義--》單擊下拉小箭頭設(shè)置需要的顏色，然后保存；

或：在“組件全局”頁簽下，單擊“組件背景”--》自定義--》自定義，在圖片下上傳背景圖片，然后選擇平鋪方式、平鋪位置、背景尺寸，然后保存；

關(guān)于以上占位符的使用，都設(shè)置好以后，需要單擊此占位符所在頁面右上角的“保存”按鈕，以便把占位符保存到后臺，如果不保存，刷新頁面，新添加的占位符不存在。如果需要訪客看到此占位符時(shí)，再請單擊此頁面右上角的“發(fā)布”按鈕：