如(ru)需要實(shi)現多個標簽下有不同(tong)的(de)(de)(de)內容(rong),都在同(tong)一(yi)個頁面選中(zhong)切換,可使用選項卡(ka)模塊制(zhi)作(zuo)。進(jin)入網站(zhan)編輯狀態打開左側(ce)工具欄的(de)(de)(de)【+】,選擇選項卡(ka),選擇適合的(de)(de)(de)樣式風格,拖動到指定(ding)位置(zhi),并調整好模塊的(de)(de)(de)位置(zhi)、大小,如(ru)下圖:
設置(zhi)選(xuan)項卡的常規參數,如選(xuan)項名(ming)稱、標簽顯示樣(yang)式(shi)、對齊方(fang)式(shi)、切換(huan)方(fang)式(shi),以及標簽樣(yang)式(shi)等屬性,如下(xia)圖:
進(jin)入(ru)樣式設置面(mian)板,可以(yi)設置箭頭的顏色,標簽默認顏色,選(xuan)中標簽顏色,如下圖:
選中(zhong)標(biao)(biao)簽,點(dian)擊左側工具欄【+】,為(wei)標(biao)(biao)簽添加(jia)對應(ying)的內容模(mo)塊,如(ru)下圖:
進(jin)入平板(ban)/手機端(duan)將選(xuan)項(xiang)(xiang)卡的(de)(de)位(wei)置、字號大小、標(biao)簽(qian)里面的(de)(de)模(mo)(mo)塊的(de)(de)兼容適配分(fen)別(bie)調整(zheng)好(hao)(hao),(建議先(xian)調整(zheng)好(hao)(hao)1個選(xuan)項(xiang)(xiang)標(biao)簽(qian)的(de)(de)內(nei)容適配和兼容,后續的(de)(de)標(biao)簽(qian)可快速復(fu)制樣式,再(zai)直接(jie)修改替換模(mo)(mo)塊中的(de)(de)內(nei)容)如下(xia)圖(tu):
重新回到電腦端,選擇復制剛才制作好的選項,復制好后替換和修改選項中的圖片、文案等,(無需再單獨調整兼容(rong)適配)如下圖):
如(ru)果編輯選(xuan)項卡時無法通過(guo)標簽和切換(huan)箭頭來切換(huan)選(xuan)項卡容器,可通過(guo)點擊常規面(mian)板--參數(shu)設置下對應標簽最右側分(fen)組圖標進行切換(huan),如(ru)下圖:
注(zhu)意事項:
1、選項卡(ka)常規屬性設置(zhi)不(bu)支持電(dian)腦/平板/手機單獨設置(zhi),任(ren)意(yi)一端設置(zhi)后會(hui)相互同(tong)步(bu)相互影響(xiang);
2、選(xuan)項卡(ka)不支持添加容器(qi)模塊,包括自(zi)由容器(qi)、表單容器(qi)、選(xuan)項卡(ka)模塊等 ;
3、建議先添加(jia)好(hao)1個選項標(biao)簽(qian)(qian)的內容(rong)并且完(wan)成平(ping)板/手機(ji)端的適(shi)配(pei),以方便后續可(ke)快速(su)復制(zhi)整個標(biao)簽(qian)(qian)的樣式,復制(zhi)后只(zhi)需要進(jin)行圖(tu)片文案內容(rong)的替(ti)換,無(wu)需再每個標(biao)簽(qian)(qian)調整兼容(rong)。
旗下網站:耐思智慧 - - - 中(zhong)文域(yu)名:
耐思智慧 © 版權(quan)所有 Copyright © 2000-2025 szjicheng.cn,Inc. All rights reserved
備案號碼:
公安備案號:
聲明(ming):本網站中所使用到的(de)其他各種版權(quan)內容(rong),包括但不限于文章、圖片、視頻、音頻、字體等內容(rong)版權(quan)歸原作者所有,如權(quan)利所有人(ren)發現,請及(ji)時告知,以便我(wo)們刪除版權(quan)內容(rong)
本站程(cheng)序界(jie)面、源代碼(ma)受相關法律保(bao)護, 未經授權, 嚴禁(jin)使用; 耐思智慧 © 為我公司注冊商標, 未經授權, 嚴禁(jin)使用
法律顧問: