如何編輯手機(jī)視圖下的模塊（自適應(yīng)模板）

一、教程目的

切換到手機(jī)視圖后，除了文本、圖片、按鈕三個常用模塊，其他模塊都有獨(dú)立的編輯項(xiàng)，例如文字設(shè)置、圖片設(shè)置、標(biāo)題欄、間距等等。

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

二、功能說明

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

三、設(shè)置教程

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

1. 標(biāo)題欄

默認(rèn)是隱藏標(biāo)題欄，當(dāng)取消勾選“隱藏”后，可自定義標(biāo)題文字、標(biāo)題文字樣式、標(biāo)題欄高度、標(biāo)題欄背景。

1.1 標(biāo)題

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

2. 文字

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

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

3. 高度

標(biāo)題欄的高度支持自定義，效果如下圖。

4. 背景

標(biāo)題欄背景支持設(shè)置為“默認(rèn)”、“隱藏”、“自定義”。

默認(rèn)：即標(biāo)題欄背景色為白色；

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

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

（↑ 默認(rèn)）

（↑ 隱藏）

（↑ 自定義）

2. 間距

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

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