如需要實現(xiàn)多個標(biāo)簽下有不同的內(nèi)容,都在同一個頁面選中切換,可使用選項卡模塊制作。進(jìn)入網(wǎng)站編輯狀態(tài)打開左側(cè)工具欄的【+】,選擇選項卡,選擇適合的樣式風(fēng)格,拖動到指定位置,并調(diào)整好模塊的位置、大小,如下圖:
設(shè)置選項卡的常規(guī)參數(shù),如選項名稱、標(biāo)簽顯示樣式、對齊方式、切換方式,以及標(biāo)簽樣式等屬性,如下圖:
進(jìn)入樣式設(shè)置面板,可以設(shè)置箭頭的顏色,標(biāo)簽?zāi)J(rèn)顏色,選中標(biāo)簽顏色,如下圖:
選中標(biāo)簽,點擊左側(cè)工具欄【+】,為標(biāo)簽添加對應(yīng)的內(nèi)容模塊,如下圖:
進(jìn)入平板/手機端將選項卡的位置、字號大小、標(biāo)簽里面的模塊的兼容適配分別調(diào)整好,(建議先調(diào)整好1個選項標(biāo)簽的內(nèi)容適配和兼容,后續(xù)的標(biāo)簽可快速復(fù)制樣式,再直接修改替換模塊中的內(nèi)容)如下圖:
重新回到電腦端,選擇復(fù)制剛才制作好的選項,復(fù)制好后替換和修改選項中的圖片、文案等,(無需再單獨調(diào)整兼容適配)如下圖):
如果編輯選項卡時無法通過標(biāo)簽和切換箭頭來切換選項卡容器,可通過點擊常規(guī)面板--參數(shù)設(shè)置下對應(yīng)標(biāo)簽最右側(cè)分組圖標(biāo)進(jìn)行切換,如下圖:
注意事項:
1、選項卡常規(guī)屬性設(shè)置不支持電腦/平板/手機單獨設(shè)置,任意一端設(shè)置后會相互同步相互影響;
2、選項卡不支持添加容器模塊,包括自由容器、表單容器、選項卡模塊等 ;
3、建議先添加好1個選項標(biāo)簽的內(nèi)容并且完成平板/手機端的適配,以方便后續(xù)可快速復(fù)制整個標(biāo)簽的樣式,復(fù)制后只需要進(jìn)行圖片文案內(nèi)容的替換,無需再每個標(biāo)簽調(diào)整兼容。
旗下網(wǎng)站:耐思智慧 - 淘域網(wǎng) - 我的400電話 - 中文域名:耐思尼克.cn 耐思尼克.top
耐思智慧 © 版權(quán)所有 Copyright © 2000-2024 IISP.COM,Inc. All rights reserved
備案號碼: 粵ICP備09063828號 公安備案號: 粵公網(wǎng)安備 44049002000123號 域名注冊服務(wù)機構(gòu)許可:粵D3.1-20240003 CN域名代理自深圳萬維網(wǎng)
聲明:本網(wǎng)站中所使用到的其他各種版權(quán)內(nèi)容,包括但不限于文章、圖片、視頻、音頻、字體等內(nèi)容版權(quán)歸原作者所有,如權(quán)利所有人發(fā)現(xiàn),請及時告知,以便我們刪除版權(quán)內(nèi)容
本站程序界面、源代碼受相關(guān)法律保護, 未經(jīng)授權(quán), 嚴(yán)禁使用; 耐思智慧 © 為我公司注冊商標(biāo), 未經(jīng)授權(quán), 嚴(yán)禁使用