維看幫助中心

如何使用分隔符組件?

瀏覽數量:511     作者:本站編輯     發佈時間: 2017-02-21      來源:本站

一、什麼是分隔符組件?


分隔符組件是一個在頁面上展示一條線的模塊,支持修改線條樣式(可以是實線、虛線、點線)、線條顏色、線條寬度(1%~100%)、線條高度(1~50px) 、線條對齊方式(左對齊、居中、右對齊)從而實現豐富多樣的線條。分隔符組件一般應用於模塊與模塊之間,當兩塊之間需要加一個東​​西分割的時候,分割線就可以起到很好的作用了。


分隔符組件展示效果舉例:像下面這種頁腳加線的情況,可以用分隔符組件來實現。
分隔符組件.jpg


二、如何使用分隔符組件?

1、如何查看分隔符組件是否已經存在?

如果這個分隔符組件已經存在了,就不需要再添加,直接根據需要進行相關操作就可以(具體操作見下文所述);

如果你的頁面上需要這個組件,但是還沒有添加,就需要先添加分隔符組件了;怎麼判斷頁面上有沒有這個組件?單擊查看如何查看某一塊內容是使用什麼組件製作的?


2、如何添加分隔符組件?

在頁面上添加組件的方法都是一樣的,單擊查看如何添加組件?

添加的組件名稱為“分隔符”,如下圖所示:

分隔符組件.jpg



3、如何設置分隔符組件?


3.1 進入組件的“設置”分兩種場景

1)此組件已經添加好的場景:進入所有這類組件設置項方法都是一樣的,可以參考這個攻略:如何進入組件的設置項?

2)新添加的組件的場景:在添加此組件時會彈出這個組件的的設置話框。


3.2在組件的設置中設置線條的風格

線條樣式:單擊“線條樣式”下的下拉小箭頭,選擇線條樣式,線條樣式有實線、虛線、點線三種樣式;

線條顏色:單擊“線條顏色”下的下拉小箭頭選擇線條顏色;

線條高度:拖動線條高度下的小按鈕來調整線條高度(1px~50px)

線條寬度:拖動線條寬度下的小按鈕來調整線條的寬度,寬度範圍是1%~100%,百分比是相對於組件寬度而言的;

對齊方式:這裡指的是線條相對組件的位置,有左對齊、居中、右對齊三種方式;

設置風格.png

設置好以上內容之後,單擊“保存”按鈕來保存所設置的內容。


4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕,目的是把此修改保存到網站後台;

然後可以單擊“預覽”按鈕查看不同終端下展示的效果,如果不合適可以到後台再做修改;

如果需要讓訪客也看到,請單擊頁面右上角的“發布”按鈕,發布之後稍等兩分鐘左右即可看網站前台展示效果。

保存預覽發布.png


建站流程

找不到你的問題?
135-6001-3420
seoprixcom@gmail.com
214227632
Facebook
Twitter
Google
LinkedIn
Instagram
維看雲建站系統
專業外貿建站系統,為您打造一個適合谷歌的優化網站!
  • 客服QQ
    214227632
  • 微信手機
    (852) 6741 8807
  • 郵箱
    seoprixcom@gmail.com