如何添加選項卡模塊?
如需要實現多個標簽下有不同的內容,都在同一個頁面選中切換,可使用選項卡模塊制作。進入網站編輯狀態(tài)打開左側工具欄的【+】,選擇選項卡,選擇適合的樣式風格,拖動到指定位置,并調整好模塊的位置、大小,如下圖:
設置選項卡的常規(guī)參數,如選項名稱、標簽顯示樣式、對齊方式、切換方式,以及標簽樣式等屬性,如下圖:
進入樣式設置面板,可以設置箭頭的顏色,標簽默認顏色,選中標簽顏色,如下圖:
選中標簽,點擊左側工具欄【+】,為標簽添加對應的內容模塊,如下圖:
進入平板/手機端將選項卡的位置、字號大小、標簽里面的模塊的兼容適配分別調整好,(建議先調整好1個選項標簽的內容適配和兼容,后續(xù)的標簽可快速復制樣式,再直接修改替換模塊中的內容)如下圖:
重新回到電腦端,選擇復制剛才制作好的選項,復制好后替換和修改選項中的圖片、文案等,(無需再單獨調整兼容適配)如下圖):
如果編輯選項卡時無法通過標簽和切換箭頭來切換選項卡容器,可通過點擊常規(guī)面板--參數設置下對應標簽最右側分組圖標進行切換,如下圖:
注意事項: 1、選項卡常規(guī)屬性設置不支持電腦/平板/手機單獨設置,任意一端設置后會相互同步相互影響; 2、選項卡不支持添加容器模塊,包括自由容器、表單容器、選項卡模塊等 ; 3、建議先添加好1個選項標簽的內容并且完成平板/手機端的適配,以方便后續(xù)可快速復制整個標簽的樣式,復制后只需要進行圖片文案內容的替換,無需再每個標簽調整兼容。
更多相關連接
|