如何使用分隔符組件?
瀏覽數(shù)量: 8 作者: 本站編輯 發(fā)布時(shí)間: 2018-06-26 來源: 本站
一、什么是分隔符組件?
分隔符組件是一個(gè)在頁面上展示一條線的模塊,支持修改線條樣式(可以是實(shí)線、虛線、點(diǎn)線)、線條顏色、線條寬度(1%~100%)、線條高度(1~50px)、線條對齊方式(左對齊、居中、右對齊)從而實(shí)現(xiàn)豐富多樣的線條。分隔符組件一般應(yīng)用于模塊與模塊之間,當(dāng)兩塊之間需要加一個(gè)東西分割的時(shí)候,分割線就可以起到很好的作用了。
分隔符組件展示效果舉例:像下面這種頁腳加線的情況,可以用分隔符組件來實(shí)現(xiàn),參考頁面http://en.anli003.ldyjz.com/。

二、如何使用分隔符組件?
1、如何查看分隔符組件是否已經(jīng)存在?
如果這個(gè)分隔符組件已經(jīng)存在了,就不需要再添加,直接根據(jù)需要進(jìn)行相關(guān)操作就可以(具體操作見下文所述);
如果你的頁面上需要這個(gè)組件,但是還沒有添加,就需要先添加分隔符組件了;怎么判斷頁面上有沒有這個(gè)組件?單擊查看如何查看某一塊內(nèi)容是使用什么組件制作的?
2、如何添加分隔符組件?
在頁面上添加組件的方法都是一樣的,單擊查看如何添加組件?
添加的組件名稱為“分隔符”,如下圖所示:

3、如何設(shè)置分隔符組件?
3.1 進(jìn)入組件的“設(shè)置”分兩種場景
1)此組件已經(jīng)添加好的場景:進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的,可以參考這個(gè)攻略:如何進(jìn)入組件的設(shè)置項(xiàng)?
2)新添加的組件的場景:在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置話框。
3.2 在組件的設(shè)置中設(shè)置線條的風(fēng)格
線條樣式:單擊“線條樣式”下的下拉小箭頭,選擇線條樣式,線條樣式有實(shí)線、虛線、點(diǎn)線三種樣式;
線條顏色:單擊“線條顏色”下的下拉小箭頭選擇線條顏色;
線條高度:拖動(dòng)線條高度下的小按鈕來調(diào)整線條高度(1px~50px);
線條寬度:拖動(dòng)線條寬度下的小按鈕來調(diào)整線條的寬度,寬度范圍是1%~100%,百分比是相對于組件寬度而言的;
對齊方式:這里指的是線條相對組件的位置,有左對齊、居中、右對齊三種方式;

設(shè)置好以上內(nèi)容之后,單擊“保存”按鈕來保存所設(shè)置的內(nèi)容。
4、保存、預(yù)覽、發(fā)布
設(shè)置好以上內(nèi)容以后要單擊頁面右上角的“保存”按鈕,目的是把此修改保存到網(wǎng)站后臺(tái);
然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果,如果不合適可以到后臺(tái)再做修改;
如果需要讓訪客也看到,請單擊頁面右上角的“發(fā)布”按鈕,發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺(tái)展示效果。

根據(jù)需要還可以對這個(gè)組件做以下操作,具體請單擊以下鏈接了解。
5、單擊查看如何應(yīng)用組件?
通過組件的“應(yīng)用組件”功能,可以將當(dāng)前頁面的組件應(yīng)用到其他頁面上,因?yàn)樵砩纤鼈兪峭粋€(gè)組件,所以在任何被應(yīng)用到的頁面上編輯/刪除組件時(shí),被應(yīng)用的頁面會(huì)一起變化,這個(gè)是“應(yīng)用組件”和“復(fù)制組件”最本質(zhì)的區(qū)別。此功能經(jīng)常用于面包屑導(dǎo)航、產(chǎn)品分類組件、文章分類組件等。被應(yīng)用過去的組件會(huì)出現(xiàn)在頁面的最底端,可以用鼠標(biāo)左鍵按住組件名稱拖動(dòng)到需要的位置;
組件的“應(yīng)用組件”功能操作入口:所有組件的“應(yīng)用組件”功能操作入口都是一樣的,具體操作方法請單擊查看如何應(yīng)用組件?
6、單擊查看如何刪除組件?
如果確定不需要這個(gè)組件了,可以通過“刪除組件”按鈕把此組件刪除掉,被刪除的組件會(huì)默認(rèn)放到組件回收站中。
組件的“刪除組件”功能操作入口:所有組件的“刪除組件”功能操作入口都是一樣的,具體操作方法請單擊查看如何刪除組件?
7、單擊查看如何恢復(fù)組件?
如果需要恢復(fù)已經(jīng)刪除的組件,可以到組件回收站中,找到對應(yīng)的組件,然后執(zhí)行【還原】操作,即可恢復(fù)此組件到原有的頁面上,通常會(huì)位于頁面的最底端。
恢復(fù)組件的操作入口:所有組件的恢復(fù)功能操作入口都是一樣的,具體請單擊查看如何恢復(fù)組件?