將多個頁面中需要重復(fù)的版塊做成元件，這個元件可以在多個頁面中反復(fù)被使用。常見的元件如導(dǎo)航條，每個頁面中都被引用。使用元件，能有效提高制作效率和節(jié)約資源。

元件面板位于配置面板最右：

 

可以轉(zhuǎn)為元件的元素：

除了body及一些特殊的節(jié)點，大部分元素節(jié)點都可以被轉(zhuǎn)為元件。推薦將一些結(jié)構(gòu)清晰、層次分明、在各頁面中重復(fù)且有實際應(yīng)用的元素節(jié)點。如：首部、導(dǎo)航欄、底部等版塊。

新建元件

選擇當(dāng)前的元素節(jié)點作為元件，如將導(dǎo)航欄添加為元件。

點擊?并將元素名稱命名為元件。

點擊確認(rèn)后導(dǎo)航欄變成暗綠色區(qū)域，右上角出現(xiàn)編輯按鈕。這就表示此節(jié)點已經(jīng)成功轉(zhuǎn)為元件。

元件編輯模式

點擊右上角的編輯按鈕會進(jìn)入編輯模式，在此模式下、只能編輯元件內(nèi)部結(jié)構(gòu)、不能編輯其他節(jié)點元素。

 可對新增的元件進(jìn)行管理和編輯。

預(yù)覽：可以單獨(dú)預(yù)覽。

復(fù)制：可以復(fù)制。

編輯：可對改元件進(jìn)行單獨(dú)編輯。

刪除：對元件進(jìn)行刪除。

需要注意的是，當(dāng)元件正在被使用時，如果要刪除元件，需要先取消元件關(guān)聯(lián)。

確認(rèn)后可以刪除該元件。

 

引用元件

在其他頁面切換到元件面板就可以看見元件。點擊插入使用即可。