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