橫向標(biāo)簽?zāi)K介紹

一、功能效果

利用橫向標(biāo)簽可以實(shí)現(xiàn)點(diǎn)擊不同標(biāo)簽出現(xiàn)不同內(nèi)容的效果。

二、功能說明

【版本】初級版及以上版本

三、設(shè)置教程

1. 添加模塊

在網(wǎng)站設(shè)計(jì)頁面，點(diǎn)擊頁面左側(cè)導(dǎo)航【模塊-排版】，添加【橫項(xiàng)標(biāo)簽】模塊。如下圖：

2. 編輯模塊

2.1 標(biāo)簽列表

鼠標(biāo)移動(dòng)到模塊上，點(diǎn)擊編輯模塊按鈕進(jìn)入編輯面板，點(diǎn)擊【添加標(biāo)簽】新增標(biāo)簽，在標(biāo)簽列表中單擊標(biāo)簽名稱可自定義名稱。

2.2 模塊樣式

在模塊樣式中選擇標(biāo)簽樣式，設(shè)置標(biāo)簽布局。

2.3 初始/選中標(biāo)簽

支持自定義設(shè)置初始/選中標(biāo)簽文字樣式、背景等。

2.4 內(nèi)容區(qū)

① 切換效果：滑動(dòng)（鼠標(biāo)移動(dòng)到哪個(gè)標(biāo)簽就顯示哪個(gè)標(biāo)簽的內(nèi)容）；

                     點(diǎn)擊（鼠標(biāo)移動(dòng)到標(biāo)簽1，需要點(diǎn)擊標(biāo)簽1才會展示標(biāo)簽1內(nèi)容）。

② 標(biāo)簽高度：統(tǒng)一高度（全部標(biāo)簽的內(nèi)容區(qū)一樣的高度。優(yōu)點(diǎn)是閱讀起來比較舒適）；

                     獨(dú)立高度（標(biāo)簽1內(nèi)容多設(shè)置高度100，標(biāo)簽2內(nèi)容少設(shè)置高度50。優(yōu)點(diǎn)是內(nèi)容多時(shí)可以完整展示）。

3. 添加內(nèi)容

選擇標(biāo)簽后點(diǎn)擊【添加模塊】按鈕，在左側(cè)選擇添加模塊。

分別給不同標(biāo)簽添加內(nèi)容。如下圖：

4. 調(diào)整

內(nèi)容添加完成后可調(diào)整模塊間距。