如何使用我們的插件

---

在系統(tǒng)中，我們左側(cè)的菜單欄有一個(gè)插件倉(cāng)庫(kù)。如下圖：

我們可以把插件拖拽到頁(yè)面中。拖拽步驟如下圖：

1：選中我們想要使用的插件

 

2：鼠標(biāo)按住不松手拖拽出來(lái)后是這樣子的情況。

 

3：拖拽到自己想要的位置時(shí)候顯示的狀態(tài)。

 

4：拖拽后最終的效果。

 

 

 

 

插件中有很多功能

---

而我們每個(gè)插件都有一個(gè)源碼按鈕

這個(gè)按鈕主要功能就是負(fù)責(zé)進(jìn)入我們這個(gè)插件的源碼底層進(jìn)行樣式的修改。

每一個(gè)插件的源碼底層都是不一樣的。我們可以根據(jù)自己喜歡的效果手動(dòng)寫樣式。

當(dāng)我們選擇這個(gè)插件也可以在右側(cè)的樣式表進(jìn)行調(diào)整。

我們?cè)谟覀?cè)設(shè)置好的樣式，也會(huì)自動(dòng)寫入到我們的源碼底層去。

在源碼底層中，這個(gè)@box@ 代表的是當(dāng)前的插件，要想手動(dòng)寫樣式的話，就要每個(gè)元素前邊加個(gè)@box@若是不加則會(huì)影響到其他插件的樣式。

在我們插件的源碼底層中，頂部有分5個(gè)屏幕端的樣式。

我們對(duì)不同屏幕端進(jìn)行樣式設(shè)置時(shí)，指定屏幕端下樣式就會(huì)跟著我們?cè)O(shè)置的樣式走。

當(dāng)前屏幕端沒(méi)有設(shè)置樣式的時(shí)候，會(huì)按照上一層樣式走，都沒(méi)有設(shè)置樣式的時(shí)候就會(huì)依次網(wǎng)上尋找，最終會(huì)按照PC端的樣式走。

比如說(shuō)手機(jī)豎屏沒(méi)有設(shè)置樣式的時(shí)候會(huì)跟著上一層的樣式走就跟手機(jī)橫屏走

同理在編輯器頁(yè)面中對(duì)不同的屏幕端設(shè)置樣式，那么系統(tǒng)就會(huì)自動(dòng)寫入到我們的底層源碼中對(duì)應(yīng)的屏幕端樣式里去。