如何添加選項卡模塊？

發布時間:2017-03-06 09:55:27   瀏覽人數: 30978 次  

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

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

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

選中標簽，點擊左側工具欄【+】，為標簽添加對應的內容模塊，如下圖：

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

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

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

注意事項：

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

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

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