如何添加選項卡模塊？

發(fā)布時間:2017-03-06 09:55:27   瀏覽人數(shù): 35139 次  

如需要實現(xiàn)多個標簽下有不同的內(nèi)容，都在同一個頁面選中切換，可使用選項卡模塊制作。進入網(wǎng)站編輯狀態(tài)打開左側(cè)工具欄的【+】，選擇選項卡，選擇適合的樣式風格，拖動到指定位置，并調(diào)整好模塊的位置、大小，如下圖： 

設(shè)置選項卡的常規(guī)參數(shù)，如選項名稱、標簽顯示樣式、對齊方式、切換方式，以及標簽樣式等屬性，如下圖：

進入樣式設(shè)置面板，可以設(shè)置箭頭的顏色，標簽默認顏色，選中標簽顏色，如下圖：

選中標簽，點擊左側(cè)工具欄【+】，為標簽添加對應(yīng)的內(nèi)容模塊，如下圖：

進入平板/手機端將選項卡的位置、字號大小、標簽里面的模塊的兼容適配分別調(diào)整好，（建議先調(diào)整好1個選項標簽的內(nèi)容適配和兼容，后續(xù)的標簽可快速復制樣式，再直接修改替換模塊中的內(nèi)容）如下圖：

重新回到電腦端，選擇復制剛才制作好的選項，復制好后替換和修改選項中的圖片、文案等，（無需再單獨調(diào)整兼容適配）如下圖）：

如果編輯選項卡時無法通過標簽和切換箭頭來切換選項卡容器，可通過點擊常規(guī)面板--參數(shù)設(shè)置下對應(yīng)標簽最右側(cè)分組圖標進行切換，如下圖：

注意事項：

1、選項卡常規(guī)屬性設(shè)置不支持電腦/平板/手機單獨設(shè)置，任意一端設(shè)置后會相互同步相互影響；

2、選項卡不支持添加容器模塊，包括自由容器、表單容器、選項卡模塊等 ；

3、建議先添加好1個選項標簽的內(nèi)容并且完成平板/手機端的適配，以方便后續(xù)可快速復制整個標簽的樣式，復制后只需要進行圖片文案內(nèi)容的替換，無需再每個標簽調(diào)整兼容。