如何編輯手機視圖下的模塊（自適應模板）

一、教程目的

切換到手機視圖后，除了文本、圖片、按鈕三個常用模塊，其他模塊都有獨立的編輯項，例如文字設置、圖片設置、標題欄、間距等等。

由于不同模塊的編輯項稍有不同，而“標題欄”和“間距”是除了三個常用模塊之外，每個模塊都有的編輯項，因此接來下將會重點介紹“標題欄”和“間距”這兩個編輯項。

二、功能說明

【版本】建站任意版本均支持自定義

三、設置教程

下面會以“產(chǎn)品分類”模塊為例，介紹手機視圖下的“標題欄”和“間距”如何設置。

1. 標題欄

默認是隱藏標題欄，當取消勾選“隱藏”后，可自定義標題文字、標題文字樣式、標題欄高度、標題欄背景。

1.1 標題

標題文字內(nèi)容支持自定義。

2. 文字

標題文字樣式默認是微軟雅黑、大小16、顏色為網(wǎng)站主題色、位置居左，其中大小、顏色、位置這三種樣式均支持自定義。

如果你不知道如何設置網(wǎng)站主題色，請查看鏈接教程：【自適應模板】如何設置網(wǎng)站樣式

3. 高度

標題欄的高度支持自定義，效果如下圖。

4. 背景

標題欄背景支持設置為“默認”、“隱藏”、“自定義”。

默認：即標題欄背景色為白色；

隱藏：即標題欄背景色為透明，當網(wǎng)站背景色不為白色時才能看出透明效果；

自定義：可自定義設置標題欄背景色為“純色”、“漸變”或“圖片”；三者的效果差異如下圖。

（↑ 默認）

（↑ 隱藏）

（↑ 自定義）

2. 間距

可通過調修改“產(chǎn)品分類”模塊的外間距，調整“產(chǎn)品分類”模塊與通欄內(nèi)容區(qū)邊界之間的距離。

（其他模塊同理，通過修改模塊的外間距，即可調整模塊與通欄內(nèi)容區(qū)邊界之間的距離。）